// prettier-ignore

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

Technologies

• Next.js
• React.js
• TypeScript
• SCSS
• Axios

Installation

need node js version above 18.7.1 for example 20.10.0 used here

1. Clone the Repository

git@github.com:TechChain-Innovations/clicker-mini-app.git

2. Install Dependencies

cd your-project > app
npm install

3. Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open https://localhost:3000 with your browser to see the result. If don't need https, in package.json please remove flag --experimental-https in "client" script and change on http in "open-browser" script.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Project structure

app/
├──public/              # All icons and images
├──certificates/        # For https protocol
├──src/
├── api/                # Api functions
├── app/                # All pages
├── assets/             # All global scss styles, json files for Lottie, static avatar image file
├── components/         # React components
├── helpers/            # React helper functions
├── hooks/              # Custom hooks
├── providers/          # Global context, telegram
└── types/              # All components types

All variables that concern the API (dev environment and prod environment) are in the .env file

All global settings are specified in the next.config.mjs file

All information regarding the docker is located outside the app folder (docker-compose-dev.yml, docker-compose-prod.yml)

API

All API requests are handled using the Axios library.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.