CaseAtlas

CaseAtlas is a modern web platform designed for tracking cases, providing persistent official updates, and fostering discussions. Built with a robust Next.js frontend and a Node.js/Express backend, it offers real-time notifications and a seamless user experience.

🌐 Live Demo

Website: https://case-atlas-five.vercel.app

✨ Features

• Case Tracking & Subscriptions: Subscribe to cases and stay informed.
• Official Updates: Persistent, moderator-driven official updates for each case.
• Media Uploads: Seamless image, video, and document uploads during case creation and updates.
• Real-time Notifications: Instant alerts for new updates and interactions via Socket.io.
• Modern UI: Fully responsive, accessible, and dynamic user interface.
• Secure Authentication: Robust user authentication system.

🛠️ Tech Stack

Frontend

• Framework: Next.js (App Router)
• Library: React
• Authentication: Next-Auth
• Real-time: Socket.io-client
• Icons: Lucide React

Backend

• Runtime: Node.js
• Framework: Express.js
• Database: MongoDB with Mongoose
• Real-time: Socket.io
• Media Storage: Cloudinary
• Security: Helmet, JWT, Bcrypt

🚀 Getting Started

Prerequisites

• Node.js (v18 or higher)
• MongoDB database
• Cloudinary account for media storage

Installation

1. Clone the repository:

   git clone https://github.com/animegamer4422/CaseAtlas.git
   cd CaseAtlas

2. Backend Setup:

   cd Backend
   npm install

   Create a .env file in the Backend directory and add your environment variables (refer to .env.example).

   Start the backend server:

   npm run dev

3. Frontend Setup:

   cd ../Frontend
   npm install

   Create a .env.local file in the Frontend directory with necessary variables (like backend API URL and NextAuth secret).

   Start the frontend development server:

   npm run dev

4. Open in Browser: Navigate to http://localhost:3000

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📄 License

This project is licensed under the ISC License.