https://github.com/sarthak-0-sach/girlup_dtu-website
https://github.com/sarthak-0-sach/girlup_dtu-website
Last synced: 7 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/sarthak-0-sach/girlup_dtu-website
- Owner: SartHak-0-Sach
- License: bsd-3-clause
- Created: 2024-04-26T06:03:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-01T15:08:22.000Z (8 months ago)
- Last Synced: 2025-02-01T16:22:28.095Z (8 months ago)
- Language: SCSS
- Size: 2.15 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# GirlUp-DTU Website 🌍💪
## Welcome! 👋
## Table of contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Key Features](#features)
- [File Structure](#file-structure)
- [Technologies Used](#technologies-used)
- [Setup Instructions](#setup-instructions)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
- [Future Improvements](#future-improvements)
- [Useful Resources](#useful-resources)
- [Author](#author)
- [Acknowledgments](#acknowledgments)
## Overview
The **GirlUp-DTU Website** is the official website for the **GirlUp** entity at **Delhi Technological University (DTU)**. It is backed by the **United Nations**, **GirlUp India**, and **GirlUp International**, and aims to promote gender equality, empower young girls, and create awareness about global issues affecting women and girls. The website is built using **HTML**, **CSS**, and **JavaScript** to provide an interactive and informative platform for students and supporters of the GirlUp movement.
### The challenge
The goal of this project was to create a dynamic website that:
- **Showcases the GirlUp movement** and its mission to support and empower young girls.
- Provides **information on events, initiatives, and programs** organized by GirlUp DTU.
- **Engages visitors** with information about gender equality, women’s empowerment, and ongoing campaigns.
- Serves as a **resource hub** for interested individuals to get involved and contribute.
### Features
- **Event Updates:** Display upcoming and past events organized by GirlUp DTU.
- **Mission & Vision:** Information about the goals and objectives of the GirlUp movement at DTU.
- **Get Involved:** A section to encourage students to join the initiative or contribute to ongoing campaigns.
- **Responsive Design:** The website is fully responsive and works seamlessly across different devices and screen sizes.
- **Interactive Content:** Use of JavaScript to make the website interactive and user-friendly.
### File Structure
```
/root-directory
|-- assets/ # Images, fonts, and other media
|-- css/ # Stylesheets for the website
|-- js/ # JavaScript files for interactivity
|-- index.html # Homepage of the website
|-- about.html # About page detailing the mission and vision
|-- events.html # Events page with information on past and upcoming events
|-- get-involved.html # Page encouraging visitors to join or support GirlUp DTU
|-- contact.html # Contact page with information for outreach
|-- README.md # Project description and instructions
```
### Technologies Used
- **HTML** for structuring the web content.
- **CSS** for styling and layout, ensuring a clean and responsive design.
- **JavaScript** for enhancing user interaction and functionality (e.g., event handling, form validation).
- **Bootstrap** (optional) for additional responsive design features.
## Setup Instructions
### Prerequisites
- A web browser (Google Chrome, Firefox, etc.)
- Basic knowledge of HTML, CSS, and JavaScript.
### Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/girlup-dtu-website.git
```
2. Navigate to the project directory:
```bash
cd girlup-dtu-website
```
3. Open the `index.html` file in your browser:
```bash
open index.html
```
4. The website should now be running locally.
### Usage
1. **Event Information:** The "Events" page will show a list of all upcoming and past events. Admins can edit this information by modifying the relevant HTML content.
2. **Get Involved:** The "Get Involved" page encourages visitors to sign up and participate in GirlUp DTU’s initiatives.
3. **Contact Information:** The contact page allows visitors to reach out to the GirlUp DTU team.
### Future Improvements
- Integrate a **contact form** for easier communication with the GirlUp team.
- Add **social media integration** to share events and news across platforms.
- Implement **dynamic content** via a backend system (e.g., using a CMS) to allow real-time event updates.
- Enhance the website with **animations** and **transitions** using CSS and JavaScript.
### Useful resources
- [MDN Web Docs](https://developer.mozilla.org/en-US/) - Comprehensive documentation for HTML, CSS, and JavaScript.
- [Bootstrap Documentation](https://getbootstrap.com/docs/5.1/getting-started/introduction/) - For integrating responsive design components and themes.
- [W3Schools](https://www.w3schools.com/) - Tutorials and examples for web development.
## Author
Sarthak Sachdev
- Website - [Sarthak Sachdev](https://itsmesarthak.netlify.app/)
- LinkedIn - [Sarthak Sachdev](https://www.linkedin.com/in/sarthak2004/)
- Twitter - [@sarthak_sach69](https://www.twitter.com/sarthak_sach69)
## Acknowledgments
I’d like to acknowledge the **GirlUp** movement for their support in empowering young girls and promoting gender equality. This project is dedicated to furthering their mission and making their efforts more visible through this website. Special thanks to the community of developers and educators who contribute to open-source resources, making web development more accessible.
## Got feedback for me?
Feel free to reach out via email at saarsaach30[at]gmail[dot]com with any feedback or suggestions!
## Contributing
Contributions are welcome! Fork the repository, make changes, and submit a pull request.
## License📃
This project is licensed under the MIT License.
Copyright (c) 2024, Sarthak Sachdev
**Happy coding!** 😊🚀