Children's Refuge

Header and Top-banner - showing Empowering the Next Generation
Information on Child Labour
Section- Donate as much as you can, contribute small or big.
Spread Word

Inspiration

The inspiration for "Children's Refuge" stemmed from a deep concern for the millions of children affected by labor exploitation worldwide. Witnessing the harsh realities faced by these children motivated me to create a platform that raises awareness and advocates for their rights.

What it does

"Children's Refuge" serves as an educational resource, providing information about child labor, its causes, and its consequences. The website aims to engage users through interactive content and promote advocacy efforts to combat child labor globally.

How we built it

We built the project using HTML, CSS, and JavaScript to create a user-friendly interface. Collaborating with a diverse team allowed us to combine our skills in design, coding, and content creation, resulting in a cohesive and impactful website.

Challenges we ran into

One of the main challenges was ensuring that the content was both informative and engaging. Balancing educational material with interactive elements required extensive brainstorming and iteration to achieve the right tone and design.

Accomplishments that we're proud of

We are proud of successfully launching the website within the hackathon timeframe. The positive feedback from users during testing validated our approach and highlighted the project's potential impact on raising awareness about child labor.

What we learned

This experience taught us the importance of teamwork and effective communication. We learned how to integrate various perspectives into our project, enhancing both its design and functionality.

What's next for Children's Refuge

Moving forward, we plan to expand the website's content and features, including partnerships with NGOs and interactive campaigns. Our goal is to further engage the community and amplify our advocacy efforts against child labor.

Built With

Submitted to

Empower Hacks 2.0

Created by

Creating a website involves various aspects, especially when focusing solely on the frontend.
1. User Interface Design
Developed a visually appealing and user-friendly interface using modern design principles.
Created wireframes and prototypes to visualize the layout and functionality before implementation.
2. Responsive Design
Implemented responsive design techniques to ensure the website is accessible and functional across various devices (desktops, tablets, and smartphones).
Utilized CSS frameworks (e.g., Bootstrap, Tailwind CSS) to streamline the responsive design process.
3. HTML/CSS Development
Wrote clean, semantic HTML to structure the content effectively.
Styled the website using CSS, ensuring a cohesive look and feel that aligns with the brand identity.
4. JavaScript Functionality
Enhanced user experience by adding interactive elements using JavaScript (e.g., sliders, modals, form validations).
Utilized libraries and frameworks (e.g., jQuery, React) to improve functionality and performance.
5. Cross-Browser Compatibility
Conducted thorough testing across multiple browsers (Chrome, Firefox, Safari, Edge) to ensure consistent performance and appearance.
Addressed and resolved any compatibility issues to provide a seamless user experience.
6. Performance Optimization
Optimized images and assets to reduce load times and enhance overall site performance.
Implemented best practices for frontend performance, such as minifying CSS and JavaScript files.
7. Accessibility Standards
Ensured the website adheres to web accessibility standards (WCAG) to make it usable for people with disabilities.
Implemented features like keyboard navigation and screen reader compatibility.
8. Version Control and Collaboration
Used version control systems (e.g., Git) to manage code changes and collaborate effectively with team members.
Documented code changes and maintained a clear commit history for project transparency.
9. SEO Best Practices
Incorporated SEO best practices in the HTML structure (e.g., proper use of headings, meta tags) to improve search engine visibility.
Ensured fast loading speeds and mobile-friendliness, which are crucial for SEO.
10. User Testing and Feedback
Conducted user testing sessions to gather feedback on usability and design.
Iterated on design and functionality based on user insights to enhance overall user satisfaction

Khushi Rana
Experienced Web Developer with a strong background in HTML, CSS, JavaScript, React and bootstrap framework.
Ishu Mishra

Updates

Khushi Rana started this project — Aug 03, 2024 02:25 AM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.