HOST STATIC WEBSITE ON NETTLIFY; A BEGINNER-FRIENDLY GUIDE TO WEB DEVELOPMENT

Prerequisite

• basic knowledge in html,
• basic knowledge in cascading styles (css)
• basic JavaScript knowledge.

Project Overview

• This is a static website project hosted on Netlify and available on GitHub.
• The project was created using basic web development tools and does not utilize any npm packages, making it straightforward and beginner-friendly.

TOOLS

• Github: version control to track changes to our code.
• Git: For version control and managing the code repository.
• Visual Studio Code: As the code editor.
• Netlify: For hosting the website.

## GETTING STARTED

1. Clone the Repository To get a copy of the project up and running on your local machine, clone the repository from GitHub:
   • git clone https://github.com/Psam4ord/aws-resume-project.git

2.Open in Visual Studio Code:
Navigate to the project directory and open it in Visual Studio Code:

cd your-repository-name
code .

Now press enter

Project Structure

your-repo-name/
├── index.html
├── style.css
├── script.js
└── README.md
NB: YOU CAN MAKE MODIFICATIONS TO THE FILES TO SUITE YOUR STYLE.

1. Hosting on Netlify

• Sign Up or Log In
  Go to Netlify and sign up for an account if you don't have one. Log in if you already have an account.

• Click on "New site from Git" on your Netlify dashboard.
  Connect to your GitHub account and select the repository of your project.

4.Deploy Settings

• For a basic static site, you don’t need to change any settings.
• Click on "Deploy site."
• Once the deployment is complete, Netlify will provide you with a URL where your site is live.

1. Conclusion

You've successfully set up and deployed a static website Netlify.
This simple setup is ideal for beginners and provides a solid foundation for further web development projects.

_Take the first step in faith,
you don't have to see the whole staircase.
Just take the first step.
Dr. Martin Luther King 1929-1968 _