CodeYatra Tailwind Templates

Codeyatra

Developed a responsive full-stack web app to track and display coding statistics from platforms like LeetCode, CodeChef and Codeforces in real-time. • Integrated external APIs to showcase live ratings, problems solved, contest stats, and leaderboard ranks in a structured dashboard. • Designed with a clean UI using Tailwind CSS, ensuring a smooth a

🚀 CodeYatra – Coding Profile Tracker

A responsive full-stack web application built to track and display coding statistics from popular competitive programming platforms like LeetCode, CodeChef, and Codeforces in real-time.

🌐 Live Demo

👉 Live Website
👉 GitHub Repository


🛠️ Tech Stack

  • Frontend: React.js, Tailwind CSS, JavaScript
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • APIs: LeetCode, CodeChef, Codeforces (public/external APIs)

✨ Features

  • 📊 Real-time Coding Stats – Fetch and display live data including ratings, number of problems solved, and contest performance.
  • 🧠 Multi-Platform Support – Supports LeetCode, CodeChef, and Codeforces profile tracking.
  • 🏆 Leaderboard & Ranks – Showcases global and platform-wise ranks and leaderboards.
  • 🎯 Clean UI/UX – Minimalistic and intuitive interface designed with Tailwind CSS.
  • 📱 Responsive Design – Fully responsive layout optimized for all devices.

📸 Screenshots


🧑‍💻 Getting Started

Follow these steps to run the project locally:

1. Clone the repository

git clone https://github.com/rajeevroy21/CodeYatra.git
cd codeyatra

2. Install dependencies for both frontend and backend

# Frontend
cd Frontend
npm install

# Backend
cd ../Backend
npm install

3. Start the development servers

# Start backend server
cd backend
node server.js

# Start frontend server
cd ../frontend
npm run dev

⚙️ Environment Variables

Create a .env file in the server directory and add the following (as needed):

MONGO_URI=your_mongodb_connection_string
PORT=5000

📬 API Integration

The app utilizes public APIs or web-scraped endpoints to fetch coding stats. Proper error handling and fallback strategies are implemented to ensure robustness.


🤝 Contributing

Pull requests are welcome! If you'd like to improve this project or add new features, feel free to fork the repository and submit a PR.


📄 License

This project is licensed under the MIT License.


🙌 Acknowledgments

  • Platforms: LeetCode, CodeChef, Codeforces
  • Thanks to all the contributors and open-source packages that made this project possible.

Top categories

Loading Svelte Themes