Entertainment web app - Frontend Mentor

Intro

Hello, there! 👋

Thank you for checking out my solution to the Entertainment web app challenge from Frontend Mentor. 😀

Feel free to look around and explore! 😉

Overview

I went to the extra mile and build a full stack web app.

For the front end I used:

• TypeScript and React;
• Sass;
• Redux.

For the back end I used:

• Node.js
• Express.js
• MongoDB.

As a user you can:

• View the optimal layout for the app depending on their device's screen size;
• See hover states for all interactive elements on the page;
• Navigate between Home, Movies, TV Series, and Bookmarked Shows pages;
• Add/Remove bookmarks from all movies and TV series;
• Search for relevant shows on all pages;
• Log in and log out;
• Register as a new user.

You can access the link below, create an account or log into an existing account (email: user@user.com | password: password). You may need to allow cookies on your browser in order to Authorize and Authenticate.

Hosted Version

Back End Project

Getting started

1. Clone this repository

https://github.com/ismaelpaul/frontend-mentor-fe-entertainment.git
cd frontend-mentor-fe-entertainment

2. Install packages and dependencies

npm install

3. Set up environment variables

BACKEND_URL= <The backend url, e.g. http://localhost:9000>

4. Run app

npm run dev

The app should open in your browser on http://localhost:5173/

Minimum Requirements

• Node.js version 16.17.0
• npm version 8.15.0