Mapple is a social media web app designed for orienteering enthusiasts. It allows users to share their maps and tracks with other runners, making it easier to explore, analyze, and discuss different routes and experiences.
This project was my personal challenge to develop a full-stack web application using the MERN stack (MongoDB, Express, React, Node.js).
This repository contains the React.js frontend for Mapple. The UI is built with Tailwind CSS, ensuring a modern, responsive, and efficient design.
✅ React.js – A fast and dynamic single-page application (SPA) framework
✅ Tailwind CSS – A utility-first CSS framework for efficient styling
- View posts from yourself and your followers
- Search for other users
- Access your personal gallery
- View a user's maps and posts
- See detailed information, including bio and followers
- View activity details, including type, description, and useful links
- Interact through comments and likes
- Switch between light and dark mode for a better visual experience
- Fully optimized for mobile, tablet, and desktop use
- React.js – A JavaScript library for building interactive UIs
- Tailwind CSS – A utility-first CSS framework for rapid styling
- React Router – Enables navigation between pages
- Fetch – Native JavaScript method for making API requests
- Context – State management across components