Merge pull request #260 from acekyd/web-dev

New Upgrade

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.gitignore

@@ -1,44 +1,36 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
-
-# compiled output
-/tmp
-/out-tsc
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
 /node_modules
+/.pnp
+.pnp.js
+.cache/
 
-# IDEs and editors
-/.idea
-.project
-.classpath
-.c9/
-*.launch
-.settings/
-*.sublime-workspace
-
-# IDE - VSCode
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
-
-# misc
-/.sass-cache
-/connect.lock
+# testing
 /coverage
-/libpeerconnection.log
-npm-debug.log
-testem.log
-/typings
 
-# e2e
-/e2e/*.js
-/e2e/*.map
+# next.js
+/.next/
+/out/
 
-# System Files
+# production
+/build
+
+# misc
 .DS_Store
-Thumbs.db
-*.map
-content.md
-debug.log
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

README.md

@@ -1,42 +1,34 @@
-# V2
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0. Read global installation and then cd to our folder and do `npm install`
+## Getting Started
 
-## DEMO
- [DEMO](https://theo4u.github.io/made-in-nigeria/)
+First, run the development server:
 
-## Resources
-- [Clarity UI](https://vmware.github.io/clarity)
-- [DEVICONS](http://konpa.github.io/devicon)
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+```
 
-## Development server
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
 
-## Code scaffolding
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
 
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive/pipe/service/class/module`.
+## Learn More
 
-## Build
+To learn more about Next.js, take a look at the following resources:
 
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
-## Running unit tests
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
 
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+## Deploy on Vercel
 
-## Running end-to-end tests
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
 
-Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
-Before running the tests make sure you are serving the app via `ng serve`.
-
-
-## Deploy
-- ng build -prod --base-href "/made-in-nigeria/" inside **v2** folder
-- then perform this `git add -A && git commit -m "base url updated for deployment"`
-- Run `git push` to update **master** with **dist**
-- Run **git push origin `git subtree split --prefix dist master`:gh-pages --force**
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

app/about/page.js

@@ -0,0 +1,14 @@
+"use client";
+
+import AboutPage from "../components/pages/AboutPage";
+import data from "../assets/team.json";
+import React, {useEffect} from "react";
+
+export default function About() {
+  return (
+    <main>
+      <title>About | Made In Nigeria</title>
+      <AboutPage teams={data} />
+    </main>
+  );
+}

app/assets/featured.json

@@ -0,0 +1,44 @@
+[
+    {
+    "repoName": "Toast.js",
+    "repoLink": "https://github.com/ireade/Toast.js",
+    "repoDescription": "A library for Toast messages.",
+    "repoAuthor": "ireaderinokun",
+    "repoAuthorLink": "https://twitter.com/ireaderinokun"
+  },
+  {
+    "repoName": "Laravel Hackathon Starter",
+    "repoLink": "https://github.com/unicodeveloper/laravel-hackathon-starter",
+    "repoDescription": "A hackathon/MVP boilerplate for Laravel web applications. Start your hackathons without hassle.",
+    "repoAuthor": "unicodeveloper",
+    "repoAuthorLink": "https://twitter.com/unicodeveloper"
+  },
+  {
+    "repoName": "Gophie",
+    "repoLink": "https://github.com/Go-phie/gophie",
+    "repoDescription": "A CLI written in Golang for scraping movie download links and bypassing ads.",
+    "repoAuthor": "GophieTeam",
+    "repoAuthorLink": "https://twitter.com/GophieTeam"
+  },
+  {
+    "repoName": "ExpressWebJs",
+    "repoLink": "https://github.com/Alexigbokwe/ExpressWebJs",
+    "repoDescription": "ExpressWebJs is a NodeJS FrameWork with expressive and organised syntax that runs on all major operating systems. It provides the starting point for creating your node project, allowing you to focus more on developing your amazing solution.",
+    "repoAuthor": "EmekaIgbokwe",
+    "repoAuthorLink": "https://twitter.com/emekaigbokwe"
+  },
+  {
+    "repoName": "MLog",
+    "repoLink": "https://github.com/mykeels/MLog",
+    "repoDescription": "MLog is the simplest .NET library for data logging.",
+    "repoAuthor": "mykeels",
+    "repoAuthorLink": "https://twitter.com/mykeels"
+  },
+  {
+    "repoName": "ImageQ",
+    "repoLink": "https://github.com/bisohns/imageQ",
+    "repoDescription": "Reverse Image search engine powered by Django and Keras.",
+    "repoAuthor": "_deven96 & mensaah",
+    "repoAuthorLink": "https://twitter.com/_deven96"
+  }
+]

app/assets/team.json

@@ -0,0 +1,42 @@
+[
+  {
+    "name": "Adewale Abati",
+    "role": "Web Engineer, Dev Advocate, Solidity Dev",
+    "image": "",
+    "github": "https://www.github.com/ace_kyd",
+    "twitter": "https://www.twitter.com/ace_kyd",
+    "linkedin": "https://www.linkedin.com/in/adewale-abati"
+  },
+  {
+    "name": "Emmanuel Oloke",
+    "role": "Web Engineer, Dev Advocate, Solidity Dev",
+    "image": "",
+    "github": "https://github.com/EmmanuelOloke",
+    "twitter": "https://twitter.com/I_am_Pope",
+    "linkedin": "https://linkedin.com/in/emmanuel-oloke"
+  },
+  {
+    "name": "Justin Irabor",
+    "role": "Web Engineer, Dev Advocate, Solidity Dev",
+    "image": "",
+    "github": "https://www.github.com/ace_kyd",
+    "twitter": "https://www.twitter.com/ace_kyd",
+    "linkedin": "https://www.linkedin.com/in/adewale-abati"
+  },
+  {
+    "name": "Yetunde Owolabi",
+    "role": "Web Engineer, Dev Advocate, Solidity Dev",
+    "image": "",
+    "github": "https://github.com/EmmanuelOloke",
+    "twitter": "https://twitter.com/I_am_Pope",
+    "linkedin": "https://linkedin.com/in/emmanuel-oloke"
+  },
+  {
+    "name": "Adewale Abati",
+    "role": "Web Engineer, Dev Advocate, Solidity Dev",
+    "image": "",
+    "github": "https://www.github.com/ace_kyd",
+    "twitter": "https://www.twitter.com/ace_kyd",
+    "linkedin": "https://www.linkedin.com/in/adewale-abati"
+  }
+]