The myFlix app is a modern movie application that combines server-side and client-side development to provide users with a seamless experience. Developed using React, myFlix allows users to access a comprehensive database of movies and interact with various features through an intuitive user interface.
With a focus on usability and design, the client-side interface offers multiple views for users to explore, search, and interact with movie data.
- React
- Parcel
git clone https://github.com/jorgecortesdev/cf-3-myFlix-client.git
cd cf-3-myFlix-client
npm install
cp .env.example .env
npm start
- Please customize the
.envfile. - The default myFlix API URL is
http://localhost:8080. - You might use
https://github.com/jorgecortesdev/cf-2-movie_api
If you are a CareerFoundry Student, this project is module #3 of the Full-Stack Immersion course. If you are not too sure about your code and you need a reference, you can use the following links to compare your code with mine.
- 3.2: Building with JavaScript: https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/1/files
- 3.3: React Components & the Virtual DOM: https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/2/files
- 3.4: React Lifecycle Methods: https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/3/files
- 3.5: React Forms: https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/4/files
- 3.6: React Bootstrap: https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/5/files
- 3.7: Client-Side App Routing: https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/6/files
- 3.8: Introduction to Redux: https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/7/files
- 3.9: Deploying & Hosting a React App:
If you are wondering why there are some missing numbers is because the lesson or the task wasn't directly related with the code and didn't require any modification of the code.
Additionally, if you want to extend your project you might want read the code in the other branches.
- https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/10/files
- https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/11/files
- https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/12/files
- https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/13/files
- https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/14/files
- https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/15/files
- https://github.com/jorgecortesdev/cf-3-myFlix-client/pull/16/files
The exercise branches are called Task-3.x, where x stands for exercise number.
The extra content branches start with a number which is the order and the feature added, ex. 1-improve-the-lists-design.
If you want to clone a particular branch to review the code in your computer, first make sure to be in a different folder of your own project. Then you can do the following (change the branch name if you want a different branch):
git clone https://github.com/jorgecortesdev/cf-3-myFlix-client.git
cd cf-3-myFlix-client
git checkout Task-3.2
Or
git clone https://github.com/jorgecortesdev/cf-3-myFlix-client.git --branch Task-3.2
cd cf-3-myFlix-client
If you’re interested in studying with CareerFoundry, you can use my referral link for a 5% discount on one of the courses: https://careerfoundry.com/en/referral_registrations/new?referral=ArJpwnEw
Currently, the sole maintainer is @jorgecortesdev - more maintainers are quite welcome.
See LICENSE.md.