CapitalCraft is a modern social finance platform where users can share financial posts, engage in discussions through likes and comments, and build personal profiles.
The goal is to create a clean, secure, and scalable space for finance-focused conversations.
This project is built as a full-stack portfolio application, emphasizing real-world architecture, authentication, and API-driven design.
CapitalCrafts database is hosted on NEON, whereas its frontend is hosted with netlify and finally the backend is hosted on RENDER. This creates issues with the allowing render to fully startup before backend is functional when opening the website.
Please allow for atleast a minute before attempting register or login to allow RENDER to be fully functional.
- JWT-based authentication
- User registration and login
- Protected routes
- View posts from all users
- Displays author email and timestamps
- Create comments on posts
- Delete your own comments
- Create new posts
- Delete your own posts
- Built with React + Tailwind CSS + Figma
- Dark theme
- Responsive design
- Clean, modern layout
- Python
- FastAPI
- SQLAlchemy
- SQLite (development)
- JWT Authentication
- React (Vite)
- TypeScript
- Tailwind CSS
- Lucide Icons
Planned improvements and upcoming features:
- Likes on posts in the Feed
- Image support for posts
- Charts, graphs, and financial visuals
- User profile page
- Footer with links & metadata
- Migration from SQLite to PostgreSQL
CapitalCraft was built to demonstrate:
- Full-stack development skills
- Secure authentication flows
- API-first backend design
- Clean UI/UX with real functionality
- Scalable backend architecture
This is not a tutorial clone — it is an evolving, real-world application designed for learning and portfolio use with the help of videos, online resources and AI.
Login
A secure and responsive login interface built with React and Tailwind CSS. Users authenticate using JWT‑based login, with real‑time validation and clear error handling. The layout is minimal, fast, and optimized for both desktop and mobile, ensuring a smooth entry point into the CapitalCraft platform.
Register Page
A streamlined account‑creation page that guides new users through a simple registration flow. The form includes validation for email, password strength, and required fields, all powered by a modern React + Tailwind UI. Successful registration automatically prepares the user for JWT‑based authentication and access to the main feed.
Feed 1/2
The first half of the CapitalCraft feed showcases dynamic posts pulled from the backend via authenticated API calls. Users can browse updates, view market‑style posts, and interact with content in a clean, card‑based layout. The design emphasizes readability, spacing, and a modern social‑dashboard feel.
Feed 2/2
The second half of the feed continues the interactive experience with additional posts, comments, and user‑generated content. It highlights the real‑time nature of the platform, including smooth transitions, responsive components, and consistent styling across the entire feed.
Create Post Page
A dedicated interface for composing new posts. Users can enter a title and body, then submit the content through a secure, authenticated API request. The page focuses on clarity and usability, with a clean form layout, intuitive controls, and responsive design for all screen sizes.
Edit Post Page
An editing interface that allows users to update existing posts. The form is pre‑filled with the current post data, enabling quick adjustments and seamless saving through JWT‑protected API routes. The UI mirrors the Create Post page for consistency, ensuring a smooth editing workflow.