Would You Rather Project (Next.js Version)

This is my personal take of Udacity's Would You Rather project using the Nextjs meta-framework. This also happens to be my third completed React project and my very first completed Next.js project! It has only been 4 and a half months of coding since my first line of HTML code as of the date of writing this! (6th of Dec, 2021)

Demo

https://would-you-rather-next.netlify.app/

Improvements & Changes Made

This project improves over this previous vanilla react version: https://github.com/OmarAlSeddik/would-you-rather

1. Next.js

This project is built with the Next.js React meta-framework for SSG and routing.

2. No Redux

This project utilizes the SWR hooks for fetching and caching data from the server.

3. Framer Motion Animations

Page transitions and simple button animations have been added to make the project look more lively.

4. Design Changes

Some design changes have been made to all components.

5. Authentication State

This project retrieves and monitors the authentication state from Firebase.

6. Better Forms

This project utilizes Formik and Yup for validation and handling submissions.

Used Libraries & Packages

MUI

Framer-Motion

SWR

Axios

Formik

Firebase

react-firebase-hooks

yup