SaraMansori/next-js-challenge-front

Next Challenge - Frontend

Technical Challenge using Next.js

• Try it here: Deployed App

Main Functionalities

• CRUD of Restaurants
• Fetch from an API REST
  • Link to the API
  • Link to the API repository
• Authentication with JSON Web Token
• User can add and remove restaurants from favorites when logged
• Protected Routes
• Context API
• Responsive Design
• UI Library: Chakra UI

How to run

This is an Next.js project bootstrapped with create-next-app.

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Pages

Page	Description
/	Landing Page
/login	Logs user with username and password
/signup	Signs user with username and password
/my-profile	Displays user's details (username & favorite restaurants)
/restaurants	Displays a list of all the restaurants in the database (and favorites if the user is logged)
/restaurants/add-new	Shows form to create a new restaurant
/restaurants/:id	Displays details of restaurants and buttons to edit and delete
/restaurants/edit/:id	Shows form to edit a restaurant

Next steps

• Error handling & Error Mesages and toasts
• Restaurant form with more data
• Increase component reusability

Screenshots