Achieve Arcade is a productivity app that turns achieving your goals into a fun and engaging experience through gamification. With Achieve Arcade, you can boost your productivity, stay motivated, and track your progress with a unique gaming twist.
- Front-end: Next.js, Tailwind CSS, shadcn ui, React Lucide
- Back-end: Express.js, Stripe, Mailgun, Mongoose
- Database: MongoDB
- Node.js: For both front-end and back-end development
To get started with Achieve Arcade, follow these steps:
-
Clone the Repository
git clone https://github.com/yourusername/achieve-arcade.git
-
Navigate to the Front-end Directory
cd achieve-arcade/frontend
-
Install Dependencies
npm install
-
Create a
.env.local
FileCreate a
.env.local
file in thefrontend
directory and set your environment variables:NEXTAUTH_URL=http://localhost:3000 NEXTAUTH_SECRET=your-nextauth-secret NEXT_PUBLIC_NEXTAUTH_SECRET=your-next-public-nextauth-secret JWT_SECRET=your-jwt-secret NEXT_PUBLIC_JWT_SECRET=your-next-public-jwt-secret NEXT_PUBLIC_API_BASE_URL=http://localhost:8000/api NEXT_PUBLIC_REFRESH_TOKEN_SECRET=your-next-public-refresh-token-secret REFRESH_TOKEN_SECRET=your-refresh-token-secret
-
Start the Front-end Application
npm run dev
or
npm start
The front-end application will be running at
http://localhost:3000
.
-
Navigate to the Back-end Directory
cd achieve-arcade/backend
-
Install Dependencies
npm install
-
Create a
.env
FileCreate a
.env
file in thebackend
directory and set your environment variables:JWT_SECRET=your-jwt-secret REFRESH_TOKEN_SECRET=your-refresh-token-secret NEXTAUTH_SECRET=your-nextauth-secret PORT=8000 OPENAI_API_KEY=your-openai-api-key ASSISTANT_ID=your-assistant-id STRIPE_SECRET_KEY=your-stripe-secret-key STRIPE_WEBHOOK_SECRET=your-stripe-webhook-secret MONGODB_URI=your-mongodb-uri NEXTAUTH_URL=http://localhost:3000 MAILGUN_API_KEY=your-mailgun-api-key
-
Start the Back-end Server
node server.js
The back-end server will be running at
http://localhost:8000
.