https://github.com/basia1111/rocket-tasks
Blast off into productivity with Rocket Tasks, a sleek MERN application designed to help you manage tasks! With seamless user authentication, dynamic task management, and engaging animations, Rocket Tasks transforms your to-do list into an interstellar experience.
https://github.com/basia1111/rocket-tasks
authnetication framer-motion full-stack mern-stack react todoapp
Last synced: about 2 months ago
JSON representation
Blast off into productivity with Rocket Tasks, a sleek MERN application designed to help you manage tasks! With seamless user authentication, dynamic task management, and engaging animations, Rocket Tasks transforms your to-do list into an interstellar experience.
- Host: GitHub
- URL: https://github.com/basia1111/rocket-tasks
- Owner: basia1111
- Created: 2024-10-24T18:17:10.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-01-01T17:15:24.000Z (5 months ago)
- Last Synced: 2025-04-09T21:52:11.154Z (about 2 months ago)
- Topics: authnetication, framer-motion, full-stack, mern-stack, react, todoapp
- Language: JavaScript
- Homepage: https://rockettasks.vercel.app/
- Size: 5.01 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rocket Tasks
🌌 **Welcome Aboard, Space Traveler!** 🚀
Rocket Tasks is a MERN (MongoDB, Express, React, Node.js) application designed to help users manage their tasks efficiently. This app serves as your mission control, allowing you to create, update, and delete tasks while ensuring secure user authentication. Stay on course in your journey through the cosmos of productivity!
## Features
### Current Features
- **User Authentication**: Securely register, log in, and log out.
- **Task Management**: Create, edit, delete and mark tasks with ease,
- **Tag Management**: Organize tasks with customizable tags for better categorization and retrieval.
- **Toast Notifications**: Inform users of important events (such as task creation, updates, or errors) with stylish toast notifications.
- **Responsive Design**: Built with Tailwind CSS for a sleek, modern, and responsive UI.
- **Animations**: Smooth transitions and effects powered by Framer Motion to make navigating your tasks feel seamless.
- **React Router**: Client-side routing to provide smooth navigation.
## Technologies Used
- **Frontend**:
- **React**: JavaScript library for building user interfaces.
- **React Router**: For handling routing within the app.
- **Tailwind CSS**: Utility-first CSS framework for styling.
- **Framer Motion**: For animations and transitions.
- **Backend**:
- **Node.js**: JavaScript runtime for building the server.
- **Express**: Web framework for Node.js.
- **MongoDB**: NoSQL database for storing user and task data.
- **Mongoose**: ODM (Object Data Modeling) library for MongoDB and Node.js.
## Installation
### Prerequisites
- Node.js (version 14 or later)
- MongoDB (local or cloud instance)
### Clone the Repository
```bash
git clone https://github.com/basia1111/Rocket-Tasks.git
cd Rocket-Tasks
```
### Install Dependencies
1. Navigate to the backend directory and install dependencies:
```bash
cd backend
npm install
```
2. Navigate to the frontend directory and install dependencies:
```bash
cd ../frontend
npm install
```
### Environment Variables
#### Backend
Create a `.env` file in the `backend` directory and set up your environment variables. An example `.env` file may look like this:
```
DATABASE_URL=your_db_URL
JWT_SECRET=your_JWT_secret
NODE_ENV=development
```
#### Frontend
Create a `.env` file in the `frontend` directory and set up your environment variables. An example `.env` file may look like this:
```
VITE_API_URL=http://localhost:3000/api
```
## Running the Application
1. Start the backend server:
```bash
cd backend
npm start
```
2. In a new terminal, start the frontend application:
```bash
cd frontend
npm run dev
```
The application should now be running on `http://localhost:5173` for the frontend and `http://localhost:3000` for the backend.