hi, I'm Muhammad Avicena. I am delighted to present my latest project—a beautifully designed fashion shop that exudes simplicity and elegance. From its stylish layout to the carefully curated collection of clothing and accessories. With a focus on customer satisfaction, a knowledgeable staff, and a commitment to sustainability, this fashion shop offers a wide range of fashionable products while maintaining a high standard of quality and style. I hope you like it !
I am committed to staying up-to-date with industry trends and using the latest tools to develop innovative solutions that surpass expectations. Interested to have collaboration ? Find me on:
- Header
- Announcement
- Navbar
- Main
- Hero section
- Collection section
- Product section
- Blog section
- Newsletter section
- Footer
- HTML
- CSS
- JavaScript
- External/Internal Source
- Icon
- Image
NB*: This project is made with HTML, CSS, JS (100% barebone), I don't use any css framework or external libraries - only use external font/icon.
You will need a github account to clone this repository, make sure you're connected to github.
- Clone this repository
git clone https://github.com/RevoU-FSSE-2/week-5-muhammad-avicena.git
- Create a new branch named "develop", in this repository we would like to develop the website with personal information.
git branch -b "develop"
- Once it's created, checkout to a new branch
git checkout -b "develop"
- Develop & modify the website with your personal information, once it's done you will need to push it.
git add .
git commit -m "update message" // make sure to give details commit message to get better logs
git push origin develop
- Once you're done, you can merge into main/master branch for production build.
git checkout main
git pull origin main // pull the latest version before commit merge
git merge develop // if there are any conflicts, you should resolve them manually
git commit -m "Merge develop into main"
git push origin main
The project has been successfully deployed using Netlify. You can access the production version of the website by following this link: https://luxury-shop.avicena.dev or this link.
- Connect your account to Netlify !
The first step to deploy in Netlify is creating a new account or use existing account. As a beginner progammer, I would prefer using GitHub account instead.
After you successfully login, you will be redirected to dashboard of Netlify app. In this scenario, you will need to import your existing project from github to netlify. Add new site -> Import existing project -> Connect via GitHub
- Auto Deploy with Netlify !
One of the benefit using your GitHub account connected to Netlify is that you don't have to worry about re-deploying your project manually, once there are changes that have been pushed in your repository, it will automatically re-deployed by Netlify within second.
- Domain Registrar with NiagaHoster & Cloudfire !
Go to https://niagahoster.co.id and log in or create a new account. Check available domain that you wanted and make it yours.
After that, go to https://dash.cloudflare.com/ and log in or create a new account. You will be redirected to dashboard, add the domain that you have bought previously.
- Modify your project with favorite customize domain !
You're on the final step to bringing live your project with custom domain. Go to dashboard Cloudfire -> DNS Records -> CloudFire NameServer. You will see the information of Nameserver that is given to you.
Type Value
NS andronicus.ns.cloudflare.com
NS paislee.ns.cloudflare.com
Copy these nameserver and jump into dashboard overview of NiagaHoster. You should replace it with NameServer of CloudFire.
After that, go to Netlify Dashboard -> open your project -> Custom domain -> Add domain that you have set previously. In thise case, you will see they're awaiting for external DNS. You will get some information such as IPv4 and domain name that you should input it to CloudFire.
Use subdomain :
Type Value Content Name
CNAME luxury-shop avicena-week5.netlify.com
Final step, go to Dashboard Cloudfire -> DNS Records -> Add record domain -> set them accordingly.
- Congratulations, You're done !
You should wait within 1x24 hours to let the NiagaHoster and Cloudfire setting up the DNS, it could be faster or slower depending on the provider internet that you're using.
Feel free to explore the website and try out the different features. I appreciate any feedback and suggestions to further improve the user experience.
Happy browsing!