A real-time stock tracking application built with Next.js, Supabase, and Tailwind CSS for RTS Labs. This application allows users to search for stock prices via Finnhub API, view their search history, and manages user sessions with persistent authentication.
by Kevin Lopez
Decided to use React with Next.js due to familiarity with the framework, integrating APIs, and the ability to use Tailwind CSS for styling.
- Real-time Data: Fetches live stock prices (Open, High, Low, Current) via Finnhub API, but will only display Open and Current prices.
- Authentication: Secure Sign Up and Sign In using Supabase Auth.
- Persistent History: Saves recent searches to a PostgreSQL database per user.
- Modern UI: Created a custom theme and used Tailwind CSS for styling and Motion for animations.
Used the following CI/CD flow based on my Netlify personal preference due to ease of use and its free tier.
- This project is deployed on Netlify at: https://rtslabsdemo-klo.netlify.app
- Continuous Integration and Continuous Deployment are set up using GitHub. The repository can be found at: https://github.com/KevLopezTech/rtsdemo
The live site uses Netlify's protected environment variables. To run this project locally, you will need to create a .env.local file in the root directory with the following keys:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
FINNHUB_API_KEY=your_finnhub_key