https://github.com/official-imvoiid/webdev
A website under construction for charity and a website under construction for a personal portfolio.
https://github.com/official-imvoiid/webdev
css html javascript react reactjs website
Last synced: 2 months ago
JSON representation
A website under construction for charity and a website under construction for a personal portfolio.
- Host: GitHub
- URL: https://github.com/official-imvoiid/webdev
- Owner: official-imvoiid
- License: mit
- Created: 2024-12-27T19:26:14.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-03-17T17:40:30.000Z (7 months ago)
- Last Synced: 2025-04-09T00:46:50.886Z (6 months ago)
- Topics: css, html, javascript, react, reactjs, website
- Language: JavaScript
- Homepage:
- Size: 32.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🌍 WebDev Repository
**A collection of web projects built with ReactJS + Vite**
This repository contains two major projects:
- **Charity** – A fully responsive charity website template.
- **Voiid** – A personal portfolio showcasing skills, projects, and achievements.
---
## 📌 Projects Overview
WebDev/
│── Charity/
│── Voiid/
└── README.md
### 🏡 Charity - A ReactJS Template
**Charity** is a fully responsive **charity website template** built using **ReactJS + Vite**. This template is designed for **non-profits, donation platforms, and community outreach programs**, providing a structured layout for raising awareness and receiving donations.
#### 🔹 Features
- **Fully Responsive** – Works seamlessly on **mobile (portrait & landscape), tablets, and desktops**.
- **Modern UI/UX** – Clean and minimal interface for a smooth user experience.
- **Donation Platform Layout** – Pre-designed sections for fundraising campaigns.
- **Social Media Integration** – Connect with audiences through embedded social links.
- **Fast Performance** – Optimized for **speed and efficiency** using React + Vite.
- **Smooth Animations** – Engaging transitions and effects for a dynamic feel.
- **Open Source** – Free to use, modify, and contribute.
#### 🔹 Installation & Setup
1. **Clone the Repository**
```bash
git clone https://github.com/official-imvoiid/WebDev.git
cd WebDev/Charity
```
2. **Install Dependencies**
```bash
npm install
npm install vite --save-dev
```
3. **Start Development Server**
```bash
npm run dev
```
4. **Open in Browser**
- Visit `http://localhost:5173` to view the website locally.
---
### 👤 Voiid - Personal Portfolio
**Voiid** is a **personal portfolio website** designed to showcase **web development projects, cybersecurity achievements, and technical skills**. Built using **ReactJS + Vite**, this portfolio serves as a central hub for displaying work, connecting with others, and expanding professional reach.
#### 🔹 Features
- **Project Showcase** – A dedicated section to highlight past and ongoing projects.
- **Resume & Contact Section** – Easy access to professional details and contact options.
- **Social Media Integration** – Direct links to GitHub, LinkedIn, and other platforms.
- **Dark Mode Support** – A sleek **dark mode** for better user experience.
- **Minimal & Clean UI** – Focuses on simplicity and clarity for an elegant design.
- **Fast & Lightweight** – Built with **React + Vite** for optimal performance.
- **Scalable & Open Source** – Easily customizable and free to expand upon.
#### 🔹 Installation & Setup
1. **Clone the Repository**
```bash
git clone https://github.com/official-imvoiid/WebDev.git
cd WebDev/Voiid
```
2. **Install Dependencies**
```bash
npm install
npm install vite --save-dev
npm install react-router-dom
npm install emailjs-com react-google-recaptcha
```
3. **Start Development Server**
```bash
npm run dev
```
4. **Open in Browser**
- Visit `http://localhost:5173` to view the website locally.
---
## 🛠 Tech Stack
- **ReactJS + Vite** – Fast and optimized frontend development.
- **Font Awesome** – Icons for improved UI design.
- **Responsive Design** – Works across different devices and screen sizes.
---
## 🤝 Contribute
Both **Charity** and **Voiid** are open-source projects. Contributions, feedback, and improvements are always welcome!
To contribute:
1. **Fork the repository**
2. **Create a new branch** (`feature-branch-name`)
3. **Make necessary changes** and **commit**
4. **Push the changes** and **create a pull request**
---
## 📩 Contact & Socials
For any inquiries or collaborations, feel free to connect:
- **GitHub**: [@official-imvoiid](https://github.com/official-imvoiid)
- **LinkedIn**: [voiidnova](https://www.linkedin.com/in/voiidnova/)
- **Instagram**: [i.m.voiid](https://www.instagram.com/i.m.voiid/)
---
🚀 **Developed with ReactJS + Vite | Open Source & Scalable**