Oasis is an open-source, innovative and user-friendly online store website dedicated to the world of video games. This project is intended to showcase my skills as a frontend developer and my passion for delivering exceptional and immersive user experiences.
- NextJS: Frontend Framework
- Styled-Components: Styling
- Framer-motion: Animations and Microinteractions
- ContextAPI: State Management
- Axios: API requests
- Firebase: Backend and Auth
- Stripe/Paystack: Payments
- Rawg.io: Video game API
- Build base project UI, add animations and make it completely responsive.
- Add Products from the API
- Add search and filter functions and make them as robust as possible.
- Implement user authentication.
- Implement cart functions with firebase and Checkout with Stripe/paystack.
- Bonus: Implement ratings and reviews.
- Bonus: Implement game recommendations based on games previously ordered using AI
- Clone the repository and install all dependencies using NPM
npm install
- Copy
.env.example
to.env.local
and update the variables
cp .env.example .env.local
- Start development server
npm run dev
Licensed under the MIT License