https://github.com/ravisankarchinnam/freecash
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.
https://github.com/ravisankarchinnam/freecash
material-ui nextjs nodejs react react-hook-form strapi-cms typescript
Last synced: 9 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/ravisankarchinnam/freecash
- Owner: ravisankarchinnam
- Created: 2024-05-11T13:28:59.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-15T06:08:41.000Z (over 1 year ago)
- Last Synced: 2025-07-17T11:02:14.605Z (11 months ago)
- Topics: material-ui, nextjs, nodejs, react, react-hook-form, strapi-cms, typescript
- Language: TypeScript
- Homepage: https://freecash.vercel.app
- Size: 3.33 MB
- Stars: 3
- Watchers: 1
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Freecash
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](https://freecash.com/) design with Next.js App Router.
Demo
## Features
- 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
### Technologies
- [Typescript](https://www.typescriptlang.org/)
- [Node.js (v18.20.2)](https://nodejs.org/)
- [Next.js 14 (App Router)](https://nextjs.org/docs/getting-started/installation/)
- [React JS](https://reactjs.org/)
- [Context API](https://reactjs.org/docs/context.html)
- [Material UI (v5.15.7)](https://mui.com/material-ui/getting-started/installation/)
- [react-hook-form (v7.51.4)](https://react-hook-form.com/get-started#Quickstart/)
- [yup (v1.4.0)](https://github.com/jquense/yup)
- [axios (v1.6.8)](https://axios-http.com/)
- [Date fns (v3.6.0)](https://date-fns.org/docs/Getting-Started#installation/)
- [Strapi CMS](https://strapi.io/)
## Installation Steps
> Please before run the app, take into account to have a node.js v18 installed in your system locally.
1. Clone the repository
```bash
git clone https://github.com/ravisankarchinnam/freecash.git
```
2. Create a .env file in your root directory using .env.example
```bash
#### 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]
```
3. Install dependencies
```bash
npm install
```
4. Run the app in dev mode
```bash
npm run dev
```
> npm run build - which generates a next build folder with all the files ready for the deployment.
## Deployment
This application is deployed to vercel, please use this link to access the site https://freecash.vercel.app/
### Enhancements
> - 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...
## Author
> Ravisankar Chinnam