Uprophet is a social networking platform designed to empower users to express themselves freely by creating and sharing personal quotes with their friends.
By focusing on minimalism and impactful text, Uprophet provides a streamlined space for sharing wisdom, humor, or daily thoughts.
- Quote Creation: Share your original thoughts or favorite sayings with a global or friend-based network.
- Social Connectivity: Engage with a community of users through quote-sharing interactions.
- Responsive UI: Built with Tailwind CSS utility classes and shadcn/ui components for a polished, consistent experience across all devices.
This project leverages a modern, type-safe frontend architecture to ensure scalability and performance:
| Category | Technology |
|---|---|
| Framework | Next.js 15 (App Router) |
| Library | React 19 |
| Language | TypeScript |
| State Management | Zustand |
| Data Fetching | TanStack Query (v5), Axios |
| Styling | Tailwind CSS v3, shadcn/ui |
| UI Components | shadcn/ui (Radix UI primitives), Lucide React, SweetAlert2 |
| Form Validation | React Hook Form, Zod |
- Modular Feature Design: Code is organized by features (e.g., Auth, Quotes, Search) for better maintainability.
- Centralized API Layer: Dedicated service layer for handling all asynchronous data fetching.
- Path Aliases: Uses
@/*for clean, absolute imports from thesrcdirectory. - Type Safety: Comprehensive TypeScript integration across components and API services.
To get a local copy up and running, follow these simple steps:
- Node.js (v18.17 or higher recommended for Next.js 15)
- npm or yarn package manager
-
Clone the repository:
git clone https://github.com/Jenkins1128/uprophet_frontend.git
-
Navigate to the project directory:
cd uprophet-frontend -
Install dependencies:
npm install
-
Start the development server:
npm run dev
The application will be available at http://localhost:3000.