PSYCHOLOGICAL THERAPY WEEK EVENT 2023

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 PSYCHOLOGICAL THERAPY WEEK EVENT 2023

PSYCHOLOGICAL THERAPY WEEK EVENT 2023 project consists of the construction of the Psychological therapy Week Event 2023 website, using HTML, CSS and Javascript. The website consists of two pages: HOME and ABOUT, which were designed following the Mobile first approach, it is a 100% responsive design, optimized for sites on all devices. Through this project, the skills to build websites from scratch using only HTML, CSS and Javascript following a mobile first approach are put into practice. This project is part of the Capstone Project activity of Module 1 at Microverse program.

🛠 Built With

Tech Stack

Client

• Webhint.io
• Stylelint.io
• ESlint.org
• Node.js

Key Features

• Responsive Design
• Support for all Browsers
• SEO Friendly
• Use of semantic HTML in the code structure
• Combination of the Grid and Flexbox system to build the layout
• Animated sections with transition
• clean and minimalist design

(back to top)

🚀 Live Demo

To see the project working live, you can click on the following link that contains the demo version:

• Live Demo Link

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Setup

Clone this repository to your desired folder:

  cd my-folder-name
  git clone [email protected]:NitBravoA92/capstone-project.git

Prerequisites

In order to install, modify and run this project, it is necessary to have the following applications installed:

• Git: to manage the project versions of source code. You can Download Git here
• Nodejs and NPM: to install and manage the project dependencies. Nodejs and NPM installation guide
• A code editor like Visual Studio Code (Recommended) or any other of your preference. It is necessary to open the project and add or modify the source code. You can Download Visual Studio Code here

It is also important to have at least basic knowledge of HTML, CSS and Javascript languages, so you will be able to understand and work with the html and css code of the project.

• Learn the basics of HTML
• Semantic HTML: What It Is and How to Use It Correctly
• Learn the basics of CSS
• Basic concepts of flexbox
• Learn flexbox playing with FROGGY
• A Complete Guide to CSS Grid
• Web forms — Working with user data
• The HTML5 input types
• Client-side form validation
• JavaScript basics
• JavaScript Tutorial
• Document Object Model (DOM)
• JavaScript Forms
• JavaScript Form Validation

Install

Install this project by running the next command into your project folder:

  npm install

Usage

Open the HTML, CSS or Javascript files and modify the internal code and then run the following command to test the code quality:

  npx run .
  npx stylelint "**/*.{css,scss}"
  npx eslint .

This will show you a log with details about errors (if any) and changes that would be necessary to solve those errors and improve the code.

Note: Please only modify the HTML, CSS and Javascript files. Do not modify the configuration files of the project.

Deployment

This project does not have permission to be deployed by any other user or contributor. All the implementation of this website is the responsibility of the main author of the project.

👥 Authors

👤 Nitcelis Bravo

• GitHub: Nitcelis Bravo
• Twitter: @softwareDevOne
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• Create the mobile version of the Homepage
• Create the mobile version of the About page
• Create the desktop version of the webpage
• Animate some elements of the website with css transition
• Create the mobile navigation menu

(back to top)

🤝 Contributing

Contributions, issues, suggestions and feature requests are welcome! Feel free to check the issues page.

To do Contributions, please fork this repository, create a new branch and then create a Pull Request from your branch. You can find detailed description of this process in: A Step by Step Guide to Making Your First GitHub Contribution by Brandon Morelli

(back to top)

⭐️ Show your support

If you liked this project, give me a "Star" (clicking the star button at the beginning of this page), share this repo with your developer community or make your contributions.

(back to top)

🙏 Acknowledgments

I would like to thank my Microverse teammates for their support. They have supported me a lot in carrying out this project, giving me suggestions, good advice and solving my code doubts.

📝 License

This project is MIT licensed.

The main design of the webpage is under Creative Commons licensed.

(back to top)