Ftech 🚀

Lightweight fintech-inspired UI built with Next.js and CSS

Live Demo: https://ftech-ten.vercel.app/
Source Code: https://github.com/KuldeepJha5176/Ftech

---

⭐ Features

• Clean, modern layout with hero image, navbar, and styled container
• Heavy use of CSS for gradients, layouts, and decorative lines
• Fully responsive design with centered content and dynamic backgrounds
• Focus on minimal dependencies—no CSS frameworks, just Next.js + plain CSS
• Easy-to-extend structure for adding new pages or components

---

🚀 Tech Stack

Technology	Purpose
Next.js	React framework
TypeScript	Type-safe development
CSS3	Custom styling
Vercel	Deployment platform

---

🔧 Getting Started

Prerequisites

• Node.js 16.8 or later
• npm or yarn package manager

Installation

1. Clone the repository

   git clone https://github.com/KuldeepJha5176/Ftech.git
   cd Ftech

2. Install dependencies

   npm install
   # or
   yarn install

3. Start development server

   npm run dev
   # or
   yarn dev

4. Open http://localhost:3000 in your browser

---

📁 Project Structure

Ftech/
├── public/              # Static assets and images
├── src/
│   ├── components/      # Reusable UI components
│   ├── pages/          # Next.js pages
│   ├── styles/         # CSS stylesheets
│   └── utils/          # Utility functions
├── next.config.js      # Next.js configuration
├── package.json        # Dependencies and scripts
├── tsconfig.json       # TypeScript configuration
└── README.md          # Project documentation

---

🎨 Styling Approach

• Pure CSS3 - No external CSS frameworks or libraries
• Modern gradients and advanced visual effects
• Mobile-first responsive design for all devices
• Custom CSS Grid and Flexbox layouts
• Smooth animations and hover effects

---

🛠️ Available Scripts

npm run dev          # Start development server
npm run build        # Build for production
npm run start        # Start production server
npm run lint         # Run ESLint
npm run type-check   # Run TypeScript compiler

---

🚀 Deployment

This project is optimized for Vercel deployment:

1. Build the project

   npm run build

2. Deploy to Vercel

   • Connect your GitHub repository to Vercel
   • Automatic deployments on every push to main branch
   • Or use Vercel CLI: vercel --prod

---

🌟 Key Features

• Performance Optimized - Built with Next.js for optimal loading speeds
• SEO Friendly - Server-side rendering and meta tag optimization
• Type Safe - Full TypeScript support for better development experience
• Modern UI - Clean, professional fintech-inspired design
• Scalable Architecture - Easy to extend and maintain

---

🤝 Contributing

We welcome contributions! Here's how you can help:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Please read our Contributing Guidelines for more details.

---

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

🐛 Issues & Support

Found a bug or have a suggestion? Please check the issues page or create a new issue.

---

📬 Contact

Kuldeep Jha - @KuldeepJha5176

Email: ranacjha@gmail.com

Project Link: https://github.com/KuldeepJha5176/Ftech

---

⭐ If you found this project helpful, please give it a star! ⭐