FundStart (crowdfunding Platform - ITI Project)

A modern, responsive crowdfunding web application built with native JavaScript, HTML, and SCSS. FundStart allows users to create, fund, and manage crowdfunding campaigns with an intuitive and user-friendly interface.

Features

• Campaign Creation: Create detailed crowdfunding campaigns with descriptions, goals, and timelines
• Campaign Funding: Support projects with secure donation functionality
• Campaign Management: Track progress, manage updates, and communicate with backers
• Responsive Design: Optimized for desktop, tablet, and mobile devices
• Modern UI/UX: Clean, intuitive interface built with SCSS
• Native JavaScript: Fast performance without heavy frameworks

Technologies Used

• Frontend: HTML5, CSS3, SCSS
• JavaScript: Vanilla JavaScript (ES6+)
• Styling: SCSS/Sass for modular and maintainable styles
• Responsive Design: Mobile-first approach

Project Structure

crowdfunding-iti-project/
├── campaigns                       #campaigns route
├── dashboard                       # dashboard route and logic
├── database                        # database files and server.js file
├── images
├── login                           # login route and logic
├── profile                         # profile route and handle logic
├── public
├── sass
├── settings
├── signup
├── top-donors
├── .gitignore
├── Authuser.js
├── homePage.js
├── index.html
├── main.js
├── NotificationController.js
├── script.js
├── utilities.js
├──
└── README.md

Getting Started

Prerequisites

• Modern web browser (Chrome, Firefox, Safari, Edge)
• Local development server (optional but recommended)

Installation

1. Clone the repository

   git clone https://github.com/mohamedabdellhay/crowdfunding-iti-project.git
   cd crowdfunding-iti-project

2. Open the project

   • For simple testing: Open index.html directly in your browser
   • For development: Use a local server (recommended)

3. Using Live Server (Recommended)

   # If you have Node.js installed
   npx live-server
   
   # Or use VS Code Live Server extension
   # Right-click on index.html and select "Open with Live Server"

SCSS Development

If you want to modify styles:

1. Install Sass compiler

   npm install -g sass

2. Watch SCSS files

   sass --watch assets/scss:assets/css

Usage

1. Browse Campaigns: Explore available crowdfunding campaigns on the homepage
2. Create Campaign: Click "Start Campaign" to create your own fundraising project
3. Support Projects: Choose campaigns to support and make contributions
4. Track Progress: Monitor campaign progress and updates
5. Manage Campaigns: Access your dashboard to manage created campaigns

Key Features Breakdown

Key Features Breakdown

• Image upload and gallery management
• Goal setting and timeline configuration
• pledges other campaigns

User Dashboard

• Campaign analytics and insights
• Funding history and transactions
• Profile management
• Notification system

n

License

This project is licensed under the MIT License.

Acknowledgments

• ITI (Information Technology Institute) for project guidance
• Open source community for inspiration
• Contributors and testers

Project Status

• Core functionality implemented
• Responsive design completed
• Payment integration in progress
• Advanced features in development

Future Enhancements

• Payment gateway integration
• Social media sharing
• Email notifications
• Advanced analytics
• Multi-language support

---

Like this project? Give it a star!

Made with ❤️ by Mohamed Abdellhay