This is a Next.js project bootstrapped with create-next-app.
About • Tech Stack • Pre-requisites • Getting Started • How to contribute • Learn More • Author
This Landing Page was part of a challenge for an Entry-level Full-Stack Role focusing on Frontend by Sonica Digital.
This was my first time using Next.js 13 and Framer Motion, so it was a great learning experience on all levels. Besides, I had a great time developing this project.
You can explore it by clicking here.
The project was deployed on Vercel.
The following tools were used in the construction of this application:
See the file package.json for more info.
Workspace
- Editor: Visual Studio Code
- OS: Ubuntu
- Browser: Microsoft Edge (Edge on Ubuntu!? Yeah, I know...)
Before you begin, you will need to have the following tools installed on your machine: npm, Git, VSCode.
# Clone this repository
$ git clone https://github.com/Lucas-zz/Sonica-Frontend-Challenge
# Access the project folder cmd/terminal
$ cd Sonica-Frontend-Challenge
# Install the dependencies
$ npm install
After this, you can start using the scripts below.
First, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.
- Fork the project.
- Create a new branch with your changes:
git checkout -b feat/myFeatureName - For each feature implemented, make a commit specifying what was done
- Submit your changes:
git push -u origin feat/myFeatureName
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
