TradeX is a modern web application for tracking, analyzing, and staying updated on your stock trades and market news. Built with Next.js, TypeScript, Tailwind CSS, and MongoDB, it provides a personalized dashboard, real-time alerts, and actionable insights for investors.
-
Personalized Dashboard:
Track your favorite stocks, view advanced charts, and monitor your portfolio in one place. -
Real-Time Alerts:
Set up price and volume alerts for any stock. Get instant email notifications when your conditions are met. -
Market News Summaries:
Receive daily news digests tailored to your watchlist, with concise, actionable insights and direct links to full articles. -
Advanced Charting:
Integrated TradingView widgets for symbol info, candlestick charts, and baseline comparisons. -
Watchlist Management:
Add, remove, and organize stocks you care about. News and alerts are personalized to your selections. -
Onboarding & Personalization:
Custom onboarding flow to capture your investment goals, risk tolerance, and preferred industries for a tailored experience. -
Authentication:
Secure sign-up and login with session management. -
Responsive UI:
Clean, dark-themed interface optimized for desktop and mobile.
- Frontend: Next.js 15, React 19, Tailwind CSS 4
- Backend: Node.js, MongoDB, Mongoose
- Email: Nodemailer for transactional and alert emails
- Charts: TradingView widget integration
- Other: TypeScript, ESLint, Framer Motion, dotenv
-
Install dependencies:
npm install
-
Set up environment variables:
Copy.env.exampleto.env.localand fill in your configuration. -
Run the development server:
npm run dev
-
Open http://localhost:3000 in your browser.
npm run dev— Start the development servernpm run build— Build for productionnpm start— Start the production servernpm run lint— Run ESLint
/app— Next.js app directory (pages, layouts, API routes)/lib— Utilities, constants, email templates, prompts/types— Global TypeScript types/public— Static assets
This project is for educational and demonstration purposes.
Made with ❤️ by Mayur