Areto is a full-stack study platform built as a Senior Software Development Capstone Project.
It helps users learn through flashcards, quizzes, and custom study sets created by either the user or an administrator.
The design and functionality draw inspiration from:
Areto emphasizes simplicity, speed, and an enjoyable study experience.
- React (MERN)
- Tailwind CSS
- DaisyUI
- React Hot Toast
- Clerk (authentication)
- Node.js
- Express
- MongoDB (Mongoose)
- Upstash (rate limiting / Redis)
- Postman (API development & testing)
- Render (frontend + backend)
- ChatGPT
- Claude
- Lovable
- Bolt
These tools supported code suggestions, debugging, documentation assistance, and rapid prototyping.
- Create, edit, and delete flashcards
- Build custom quiz sets
- Self-grading quizzes with instant feedback
- User & admin roles
- Secure authentication with Clerk
- Upstash-powered rate-limited API
- Responsive UI with Tailwind + DaisyUI
- Toast notifications for smooth UX
- REST API tested with Postman
- Users sign up or log in with Clerk
- Create flashcards or full quiz sets
- Take interactive quizzes
- View automatic grading results
- Edit, reuse, or manage study sets anytime
areto/
├── frontend/ # React frontend
├── backend/ # Express backend
├── .gitignore
└── LICENSE.md
└── README.md
└── package-lock.json
└── package.json
- bash
- git clone https://github.com/your-username/areto.git
- cd areto
Client:
- cd client
- npm install
Server:
- cd ../server
- npm install
Create .env files for both client and server.
Variables typically include:
-
MongoDB URI
-
Clerk frontend & backend keys
-
Upstash Redis / rate limiter keys
-
JWT or session secrets
Client: npm run dev
Server: npm run dev
Areto is deployed on Render:
- Frontend: Static React deployment
- Backend: Node/Express service
- Environment variables stored securely on Render
- Upstash Redis integrated for rate limiting
For more information or questions about this project, feel free to reach out and contact me using the information below.