Skip to content

Chiraagv27/Front-end-Payout

Repository files navigation

StartCap - Startup Funding Platform

A modern Vue 3 + Vite startup funding platform where anyone can invest in promising startups.

Features

Explore Startups - Browse and filter startups by category ✓ Pitch Decks - View interactive pitch deck presentations ✓ Community Threads - Discuss startups with other investors ✓ Investment Dashboard - Track your portfolio and investments ✓ Start Investing - Invest in startups with minimum checks ✓ Dark Theme - Beautiful green and black dark theme ✓ INR Currency - All amounts in Indian Rupees with Cr/L formatting

Project Structure

``` src/ components/ layout/ # Navbar, Footer sections/ # Hero, Stats, etc. startups/ # StartupGrid, StartupCard filters/ # CategoryFilter, SearchBar views/ # Page components data/ # Sample JSON data utils/ # Helper functions store/ # Vuex state management router/ # Route definitions styles/ # Global styles ```

Getting Started

Install & Run

```bash

Install dependencies

yarn install

Start dev server

yarn dev

Build for production

yarn build ```

Sample Data

All sample data is stored in src/data/ as JSON files:

  • startups.json - 8 sample startups
  • pitch_decks.json - Pitch presentations
  • threads.json - Community discussions
  • users.json - Sample investor profile

Editing Sample Data

  1. Update src/data/startups.json to add/edit startups
  2. Update src/data/pitch_decks.json for pitch decks
  3. Update src/data/threads.json for discussions
  4. Currency automatically formats as ₹ with Cr/L formatting

Investment Flow

  1. Browse startups in /explore
  2. Click on a startup to view details
  3. Enter investment amount in rupees
  4. Click "Invest Now" button
  5. Investment is saved to localStorage
  6. Portfolio updates in Dashboard

Reset Data

Clear browser localStorage to reset investments: ```javascript localStorage.clear() ```

Tech Stack

  • Vue 3
  • Vite
  • Vuex (State Management)
  • SCSS
  • Dark Theme with CSS Variables

Currency Formatting

All amounts automatically format as:

  • ₹1 Cr = ₹10,000,000
  • ₹1 L = ₹100,000
  • ₹1K = ₹1,000

Example: ₹50 L = ₹5,000,000

Theme Colors

  • Primary: Neon Green (#10b981)
  • Dark Background: #0a0e27
  • Card Background: #1a202c
  • Accent: #00c853

License

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors