The present repository is the client-side app that connects with a movie database: movie_api. Together they form CineFlix, a responsive single-page application allowing user to find information about movies and bookmark them in a personal list.
Using React, build the client-side of an app based on its existing server-side code (REST API and database).
Link to CineFlix App: https://cineflixxx.netlify.app/
Link to API: https://github.com/LoulouLinck/movie_api
MERN
Client
- MongoDB
- Express
- React
- Node.js
- Parcel (build tool)
- JSX
- Vanilla JS
- HTML
- CSS
- bootstrap
- react-bootstrap
- react-router
- react-dom
- react-router-dom
Server
Libraries
- Filtering the list of movies with a “search” feature
- Ability to select a movie for more details
- Allows users to add a movie to their list of favorites
- Signup / Login pages -List of Movies (fetched from my own API) -User profile view to: -Update user information -See their favorite movie list -Delete their account
The app was tested to suit a wide spectrum of devices and with accessibility in mind.
For a clean and usable design Bootstrap was implemented to the app. Thanks to this framework the layout of the library is set with optimal responsivity for a pleasant experience regardless of screen size.
More icons created by JessiGue - Flaticon /a> was used for logoss
npm init --yes
npm install -g parcel
npm install -save react react-dom
create a 'src' folder in project directory with three files: 'index.jsx', 'index.scss', 'index.html'
run command parcel src/index.html in terminal to prompt parcel build process
Laure Lincker
- GitHub: @LoulouLinck
This was a solo project guided by tutors and mentors from CareerFoundry.