This is a responsive website built using Typescript, React, Context API, Next.js server side rendering and Strapi CMS as the Api service provider. It is created to demonstrate the freecash.com design with Next.js App Router.
- Server-side rendering
- Responsive design Layout
- User can Sign in and Sign out.
- User can register in the application
- User profile page as part of protected routes
- Earn Page Design
- Cashout Page Design
- Event Page Design
- Chat Design
- Typescript
- Node.js (v18.20.2)
- Next.js 14 (App Router)
- React JS
- Context API
- Material UI (v5.15.7)
- react-hook-form (v7.51.4)
- yup (v1.4.0)
- axios (v1.6.8)
- Date fns (v3.6.0)
- Strapi CMS
Please before run the app, take into account to have a node.js v18 installed in your system locally.
- Clone the repository
git clone https://github.com/ravisankarchinnam/freecash.git- Create a .env file in your root directory using .env.example
#### STRAPI CMS ENV VARS ###
STRAPI_API_KEY=[YOUR_STRAPI_API_KEY]
# LOCALHOST ONLY VALUES #
NEXT_PUBLIC_STRAPI_API_BASE_URL=[YOUR_STRAPI_API_BASE_URL]- Install dependencies
npm install- Run the app in dev mode
npm run devnpm run build - which generates a next build folder with all the files ready for the deployment.
This application is deployed to vercel, please use this link to access the site https://freecash.vercel.app/
- Implement APIs with GraphQL
- Setup real database instead of Strapi
- Chat Integration using sockets
- Integrate Redux toolkit
- Write unit tests & cypress test
- I18N for multiple languages
- dockerize the Application
- Lot more possibilities...
Ravisankar Chinnam