added vercel analytics and prettier actions

.github/workflows/prettier.yml

@@ -0,0 +1,25 @@
+name: Prettier
+
+# This action works with pull requests and pushes
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+jobs:
+  prettier:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          # Make sure the actual branch is checked out when running on pull requests
+          ref: ${{ github.head_ref }}
+
+      - name: Prettify code
+        uses: creyD/prettier_action@v4.3
+        with:
+          # This part is also where you can pass other options, for example:
+          prettier_options: --write **/*.{js,jsx,ts,tsx,css,scss,json,md}

README.md

@@ -1,8 +1,8 @@
 <a href="https://www.twitter.com/techroadmap__"><img alt="Twitter" src="https://img.shields.io/badge/Twitter%20-%231DA1F2.svg?&style=for-the-badge&logo=Twitter&logoColor=white"/></a>
 <a href="mailto:techcareerroadmap@gmail.com"><img alt="Email" src="https://img.shields.io/badge/Email%20-%23DDDDDD.svg?&style=for-the-badge&logo=Gmail&logoColor=red"/></a>
-[![Buymeacoffee](https://badgen.net/badge/icon/buymeacoffee?icon=buymeacoffee&label)](https://www.buymeacoffee.com/timonwa)
+[![Buy me a coffee](https://badgen.net/badge/icon/buymeacoffee?icon=buymeacoffee&label)](https://www.buymeacoffee.com/timonwa)
 
-[![Ask Me Anything !](https://img.shields.io/badge/Ask%20me-anything-blue.svg)](mailto:techcareerroadmap@gmail.com)
+[![Ask Me Anything!](https://img.shields.io/badge/Ask%20me-anything-blue.svg)](mailto:techcareerroadmap@gmail.com)
 [![GitHub license](https://badgen.net/github/license/Timonwa/techroadmap)](https://github.com/Timonwa/techroadmap/blob/main/LICENSE)
 [![GitHub forks](https://badgen.net/github/forks/Timonwa/techroadmap)](https://github.com/Timonwa/techroadmap/network/members)
 [![GitHub stars](https://badgen.net/github/stars/Timonwa/techroadmap)](https://github.com/Timonwa/techroadmap/stargazers/)
@@ -15,10 +15,9 @@
 ⭐ Please click the star above on this repo, it keeps me motivated. You can also follow TechRoadmap on [Twitter](https://twitter.com/techroadmap__).🙂
 
 [Tech Roadmap](https://www.techroadmap.xyz) is a free online resource on careers in the tech industry.
-Anyone who wants to break or transition into the tech industry or has already broken into it,
-can use these resources to choose and define their career path and learn about the skills needed to build themselves in the chosen career.
+Anyone who wants to break or transition into the tech industry or has already broken into it can use these resources to choose and define their career path and learn about the skills needed to build themselves in the chosen career.
 
-![seo-image](https://user-images.githubusercontent.com/63044364/167291834-be8ee3cb-2901-4a3b-8171-daec5f469f4b.png)
+![Tech Roadmap](https://user-images.githubusercontent.com/63044364/167291834-be8ee3cb-2901-4a3b-8171-daec5f469f4b.png)
 
 ## Table of Content
 
@@ -31,10 +30,10 @@ can use these resources to choose and define their career path and learn about t
 
 ## About The Project
 
-Tech Roadmap lets you have access to collections of ebooks, videos, articles, guides, etc on different careers in the tech industry including the no-code jobs.
-So if you are looking for resources either for yourself or someone else who is about to begin and or start growing a tech career, then Tech Roadmap is the place to start.
+Tech Roadmap lets you have access to collections of ebooks, videos, articles, guides, etc on different careers in the tech industry including no-code jobs.
+So if you are looking for resources either for yourself or someone else who is about to begin or start growing a tech career, then Tech Roadmap is the place to start.
 
-The roadmaps or step-by-step guides are carefully curated for the different Tech Careers listed on our websites. And the collections of resources are carefully arranged so that the learner has a guided learning path.
+These roadmaps or step-by-step guides are carefully curated for the different Tech Careers listed on our websites. The collections of resources are carefully arranged so that the learner has a guided learning path.
 
 <!-- You can read more about what inspired Tech Roadmap in my [article](https://blog.timonwa.com/tech-roadmap-everything-you-need-to-help-you-choose-and-learn-a-career-in-tech). -->
 
@@ -44,7 +43,7 @@ The roadmaps or step-by-step guides are carefully curated for the different Tech
 
 Tech Roadmap is live and you can check out the list of available careers on our [Careers Page](https://www.techroadmap.xyz/careers).
 
-More quality roadmaps will be added on other Tech Careers over time. Anticipate! 😁
+More quality roadmap will be added on other Tech Careers over time. Anticipate! 😁
 
 The project is built with ReactJs, NextJs, and Styled-Components.
 
@@ -54,15 +53,15 @@ The project is built with ReactJs, NextJs, and Styled-Components.
 
 Getting started is easy. Our [website](https://www.techroadmap.xyz) is easy to navigate with simplicity but quality as part of our goals.
 
-But if you would like to fork the repository instead either for personal learning or contributing to the project, then please follow the steps below:
+But if you would like to fork the repository instead either for personal learning or to contribute to the project, then please follow the steps below:
 
 _Note: For contributing to this repo, please read our [Code of Conduct](https://github.com/Timonwa/techroadmap/blob/main/CODE_OF_CONDUCT.md) and [Contributing Guidelines](https://github.com/Timonwa/techroadmap/blob/main/CONTRIBUTING.md) before making any contributions._
 
 [⬆ Back to Top](#table-of-content)
 
 ### Fork this repository
 
-Fork this repository by clicking on the fork button on the top of this page.
+Fork this repository by clicking on the fork button at the top of this page.
 This will create a copy of this repository in your account.
 
 ### Clone the repository

package.json

@@ -10,6 +10,7 @@
     "analyze": "cross-env ANALYZE=true next build"
   },
   "dependencies": {
+    "@vercel/analytics": "^1.1.3",
     "next": "12.1.6",
     "react": "18.1.0",
     "react-dom": "18.1.0",

pages/_app.js

@@ -7,6 +7,7 @@ import NavBar from "../components/NavBar";
 import ContributeCTA from "../components/ContributeCTA";
 import Footer from "../components/Footer";
 import NavSpace from "../components/NavSpace";
+import { Analytics } from "@vercel/analytics/react";
 
 function MyApp({ Component, pageProps }) {
   return (
@@ -16,6 +17,7 @@ function MyApp({ Component, pageProps }) {
       <Component {...pageProps} />
       <ContributeCTA />
       <Footer />
+      <Analytics />
     </>
   );
 }