A web application designed to provide engaging and educational resources about sexual ethics. The platform includes sections for educators and students with tailored content, such as video lessons, interactive scenarios, and relationship skills.
-
Video Lessons
Informative videos on:- Respecting Personal Boundaries
- Understanding Consent and Communication
- How to Be a Good Friend
-
Interactive Scenarios
Practice ethical decision-making in scenarios like:- Standing Up for Friends in Difficult Situations
- Respecting Differences in Opinions
- Using Technology Responsibly in Relationships
-
Relationship Skills
Interactive modules to learn:- Effective Communication
- Conflict Resolution
- Building Trust and Respect
- Scholarly articles, case studies, and classroom activities to guide ethical discussions and teaching.
- Frontend: React.js, TailwindCSS, React Router
- Backend: Not applicable (static content and routes only)
- Icons: Lucide React
-
Clone the repository:
git clone https://github.com/your-username/navigating-sexual-ethics.git cd navigating-sexual-ethics -
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and navigate to:
http://localhost:3000
src/
|-- components/
|-- EducatorsSection.js
|-- StudentsSection.js
|-- ui/
|-- button.js
|-- card.js
|-- Students/
|-- VideoLessons.js
|-- InteractiveScenarios.js
|-- RelationshipSkills.js
|-- EffectiveCommunication.js
|-- ConflictResolution.js
|-- BuildingTrust.js
- Students Section:
/students - Educators Section:
/educators
- Video Lessons:
/students/video-lessons - Interactive Scenarios:
/students/interactive-scenarios - Relationship Skills:
/students/relationship-skills
- Redirects after completing video lessons:
/students/thank-you
- Fork the repository.
- Create a new feature branch:
git checkout -b feature-name
- Commit your changes:
git commit -m "Add feature-name" - Push to your branch:
git push origin feature-name
- Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.