Stockin is a simple, elegant stock portfolio tracker built using Next.js, TypeScript, and Supabase. It allows users to search for stock tickers, track real-time prices, and manage their portfolio — all wrapped in a clean, modern UI powered by Shadcn UI.

This app was developed as a full-stack project to demonstrate my ability to build production-ready applications with modern technologies. It features server-side rendering, seamless database integration, and a beautiful, responsive user interface.

✨ Features

🔍 Stock Search – Search for stocks using ticker symbols and view real-time price data.
📊 Portfolio Management – Add stocks with the number of shares to your portfolio.
💰 Live Valuation – Instantly see the total value of your portfolio based on current market prices.
⚡ Server-Side Rendering – Optimized for fast initial load with server-side rendered portfolio data.
💅 Modern UI – Clean and accessible design using the Shadcn UI kit.

🛠️ Tech Stack

🧠 Objective

Build a production-ready stock portfolio tracking app using TypeScript, Next.js, and Supabase.

📋 Brief

The application allows users to:

Search for Stock Tickers
Search for stocks by ticker symbol.View live stock prices using the IEX Cloud API.
Manage Portfolio
Store user portfolio data in Supabase (userId, stockTicker, numberOfShares).Add stocks and track number of shares.View a full list of stocks in the user's portfolio.
Display Total Value
Calculate and display the total portfolio value in real-time.
Server-Side Rendering
Render the portfolio page on the server with all relevant data on load.

✅ Evaluation Criteria

Clean, modular code architecture
Complete and functional feature set
Server-side rendering implementation
Supabase integration
Polished and responsive UI using Shadcn UI

🚀 Deployment

The app is deployed on Vercel, and you can try it live here:
🔗 https://stockin.vercel.app

📦 Project Setup

# Install dependencies
npm install

# Run development server
npm run dev

🧑‍💻 About Me

This project was created to showcase my full-stack development skills, from backend integration to frontend design. I'm passionate about building practical tools with a great user experience and clean code.

Let me know if you'd like a shorter version or want to add your name, GitHub profile, or a contact section!

StockIn - A simple stock management portfolio app