The prixite.github.io from prixite

[TypeScript] Change Header.js to TypeScript

Change Header.js to TypeScript.

Change name to Header.tsx.
Change code from JavaScript to TypeScript.

DRY: Move Head to Header component

I think we can move the following block to Header component.

      <Head>
        <title>{title}</title>
        <meta name="prixite" content="Prixte" />
        <link rel="icon" href="/favicon.ico" />
      </Head>

We would like to add a client page to show case the clients we have worked with. There is no need to integrate API backend at the moment. You can just create an array of objects in JavaScript to hold the data for the clients.

Shift services detail pages to markdown

Create markdown files in data/services folder. The content of the services detail page will be retrieved from here.
The new url for service detail page should be prixite.com/services/web-app-development
Render the list of services from markdown as well. Use format 2.
Remove old services typescript pages.

Ideas for storing services data.

Format 1

Filename: data/services.md

Web App Development
image
Prixite being the exquisite web development brands offers innovative solutions to your web development needs in today’s dynamics.
Wordpress development
image
Prixite offers its clients superior quality WordPress solutions that helps them to create a compelling impact in the business world.

Format 2

file: data/services/web-development.md

heading: Web App Development
image: <image>
index: 1

Prixite being the exquisite web development brands offers innovative solutions to your web development needs in today’s dynamics.

file: data/services/word-press-development.md

heading: Wordpress Development
image: <image>
index: 2

Prixite offers its clients superior quality WordPress solutions that helps them to create a compelling impact in the business world.

Shift code to TypeScript

Currently, the code is simple JS. Let's move to TypeScript.

Integrate newsletter with sendgrid

Header redesign

Improve design of Header which includes logo, prixite heading and hamburger menu.

Add Testimonials Header

Fix the favicon

If you run the Next.js site, the favicon is not correct. Currently, the favicon shows like this:

Add News and Blogs section details

Deploy the Next.js website to Github Pages

Now we have Next.js website under v2 folder. We still need to deploy this to Github pages. The general implementation sketch is as follows:

Create a Github action to create the Next.js build.
Update settings to serve application from the Next.js build folder.

Reference:

Add Testimonials details with carousel

Remove vercel.svg

Remove vercel.svg. This file not used anywhere.

Add jobs page

We would like to add a jobs page to publicise the job openings in our company. There is no need to integrate API backend at the moment. You can just create an array of objects in JavaScript to hold the data for the jobs.

[Blogs] Code cleanup

Remove blogs/[blogId].tsx
Move posts to data/blogs
Remove data/data.ts if it is not being used.

Change constants to data

Change constants.js to data/data.ts.

Rename filename
Change code to TypeScript.
Change references in the codebase.

Add dynamic routing

Add dynamic routing instead of conditional routing so that new pages will just work.

[typescript] Change Footer.js to typescipt

Change Footer.js to TypeScript.

Change name to Footer.tsx.
Change JavaScript to TypeScript.

Change landing page heading picture

Landing page main heading redesign

Improve landing page heading design

Cleanup file structure

Remove the following files and ignore them using gitignore

Additionally, for .env, create env.sample file. This file should be tracked by Git. Update ReadMe to let people know that they need to copy env.sample to .env.

Error while creating production build

When I run npm run build I get the following error:

Add blog page

TBA

Integrate Jekyll with blog

https://jekyllrb.com/

This allows to create blogs in markdown

Make Header customizable

Create a new constant const siteName = "Prixite" in data.ts.
Use siteName in https://github.com/prixite/prixite.github.io/blob/master/components/header/Header.js#L66
Use siteName in https://github.com/prixite/prixite.github.io/blob/master/components/header/Header.js#L80

Fix typo

Change to "What We Do"

Relevant line: https://github.com/prixite/prixite.github.io/blob/master/constants/constants.js#L73

Convert current website into Next.js static site

Implement the current website in Next.js.

Problems that we want to solve:

Move away from writing direct HTML and JS.
Remove duplication of code.
Improve code quality.

Implementation Suggestions:
You should fork this repository and then do all the development in your fork. Once you think your code is ready, you can create a PR against this repo. See docs about fork.

References:

[Placeholder] Create DB file

This placeholder to keep track of sub-tasks.

#66

Integrate sendgrid with contact us form

Integrate Dependabot

To keep our dependencies up to date, let's integrate https://github.com/dependabot.

Alignment of menu and heading section

The right edge of menu opener button and the heading section should be aligned. See screenshot.

Services Heading redesign

Add license file to the repo

Follow docs to add a license file in the repo. Let's add MIT license.

Contact us button redesign

Improve contact us button design

Shift to node pre-commit package

We are currently using Python pre-commit. We would like to shift to Node based pre-commit. This will ensure easier development experience.

Remove .env.example

We already have env.sample in the repo.

Remove API folder

Remove api. This folder is not used anywhere.

Change constants to data

We would like to rename constants to data. All the references should be updated as well.

Redesign About Us component

Add News and Blogs Section Header

[TypeScript] Change Layout.js to TypeScript

Change Layout.js to TypeScript.

Change name to Layout.tsx.
Change code TypeScript.

[Designer] Landing page redesign

The main theme needs to be same.

Improve images
Improve design of "What we do".
Fix spacing in "What we do" section.
Improve resolution of logo
Improve logo design and favicon
Fix data flow issues
Improve footer
Improve button design
Improve navigation. I don't like the pill design of Contact Us button.

Context:

Integrate Google Analytics

We need to add the following code snippet in the HEAD tag:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-C0JTNSKJN1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-C0JTNSKJN1');
</script>

Normalize titles of pages

Depends on #80.

Update data.ts to use siteName in the titles of all pages. Here are some examples:

https://github.com/prixite/prixite.github.io/blob/master/constants/data.ts#L33 will be changed to title: siteName.
https://github.com/prixite/prixite.github.io/blob/master/constants/data.ts#L127 will be changed to ${siteName} - Portfolio.

Make sure all titles of the pages follow ${siteName} - ${pageTitle} format. For example, https://github.com/prixite/prixite.github.io/blob/master/constants/data.ts#L215 should be changed to ${siteName} - Web Development.

Add CONTRIBUTING.md

Redesign service component

Integrate pre-commit in the repo

Add .pre-commit-config.yaml in root of this repo.
Add a pre-commit.yml under .github/workflows.

The contents of pre-commit.yml can be something like this:

name: pre-commit

on:
  pull_request:
  push:
    branches: [master]

jobs:
  pre-commit:
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@v2
    - uses: actions/setup-python@v2
    - uses: pre-commit/[email protected]

Contents of .pre-commit-config.yaml can be similar to:

repos:
  - repo: https://github.com/pre-commit/pre-commit-hooks
    rev: v4.2.0
    hooks:
      - id: check-yaml
      - id: end-of-file-fixer
      - id: trailing-whitespace
      - 
  - repo: https://github.com/pre-commit/mirrors-prettier
    rev: v2.6.2
    hooks:
      - id: prettier
        exclude: ^tweet_listener/models/
        types: [javascript]

Add portfolio page

We would like to add a portfolio page to show case our projects. There is no need to integrate API backend at the moment. You can just create an array of objects in JavaScript to hold the data for the projects.

prixite / prixite.github.io Goto Github PK

prixite.github.io's Introduction

Background

Requirements:

Getting Started

Contributing

Future Plan

License

prixite.github.io's People

Contributors

Stargazers

Watchers

Forkers

prixite.github.io's Issues

Format 1

Format 2

Recommend Projects

Recommend Topics

Recommend Org