clubgamma/trendit

This website provide Top Trending keywords for content creators.

Trendit

Description

• This project is about building a website that provides top trending keywords from all over the internet (Google Trends, Twitter, Youtube, FB, Instagram ) using API.

Purpose

• Using keywords from Trendit, a content creator can have the right idea on what to create or what keywords they can post to get maximum reach.

Prerequisites

Before contributing or adding a new feature, Please make sure you have already installed the following tools:

• Git
• NodeJs
• MongoDB

Installation Steps

1. Fork the project

2. Clone the project by running

git clone https://github.com/<your-username>/trendit.git

3. Navigate to the project directory

cd trendit

4. Install dependencies with

npm i

5. Run

npm start

Thanks to all Contributors

Thanks a lot for spending your time helping.

Managed by Club Gamma

trendit's Issues

About US page is not Working

About Us page

• Remove keywords like descriptions and purpose

• add some additional things with your creativity

• take care of both themes

Homepage Plus Navbar

Home page

• remove the Logo from the home page

• add any sections which are mentioned in other issues

Navabar

• Just After Logo Write "TRENDIT" in capital letters

Create a Login

Create a Login

-> Create a Login button in Header and Create Login page for website

Add section

Add a section on the home page 🎯

-> create a rectangle and on the left write "Let's see what is trending today " on the left side I want a button "explore"

-> font of "Let's see what is trending today " should be large then write a line small font size "in this page you will see trending keywords from all over the internet"

Create a section

Create a Section in Home Component for "Internet Trends"

• in this section, I think we will fetch keywords which trending all over the internet

🎯Goal

1. Create a section after the hero part of the website
2. Write any for words (name of cars) in such a way that it covers the maximum page area
3. it doesn't mean you that you have to increase font size

Add a Header File

Create Navbar

• our web app is straightforward we will fetch data from the backend.

• So here will need to build a header. it should be simple and use light colors.

• Material UI recommended

create api

• create login api in sever

create new Logo and favicons for site

create new Logo and favicons for website

• use adobe logo maker for the Logo
• use favicon.cc for favicon

Create hero

Create Hero part of the website

• here you have to write "Scale your content with Trendit" on the left side.

• then write " Trendit helps creators to grow faster "

• on the side put a vector image related to the growth

• put a get started button in dark of bootrap

add Favicon

create and app favicon

• Use the logo as a reference

Create a Button for dark mode in header

Create a Button for dark mode in the header

• you can use bootstrap

• or you can use simple CSS

Create Pages

Create 4 page

• Each Page for Trends

• Give titles like google treads etc.

add logo

Add logo 🎯

• you have add logo to the header

• you can find logo from asset/logo

• but here you have to crop text part because I want just icon there

• Make this Tredit.com --> TRENDIT

Create SignUp page

Create a SignUP page

Goal 🎯

• create NavLink which points to the Login page (In case the User doesn't log in).
• create a simple and modern signup page for the website.
• take care of dark theme

references 🔗

• bootstrap
• dribble

notice 🔔

• Use the same code for login also

Add 2d illustration

Add any 2d illustration On the Home page.

• Use FreePik.com

• Any 2d Illustration that represents Growth

• Keep size in your mind

• Also take care of Dark Theme

Make Footer Sticky

Footer

• the footer of the website is not sticky

• make that footer sticky

About Us page

Create an about us page

-> take data from readme of definition and purpose from that written content in about me page
-> make it simple follow white and dark theme

fix Navbar

In the Navbar Dark mode is not applied

• In Navbar when we click on trends it opens a drop-down list. In this list dark theme is not applied.

• apply dark theme to that list

fetch data

There is an API from which you can get most trending keywords from google trends

• you have to fetch 10 most trending keywords from google treands

• in any page for right now

add footer

ADD Footer

• add a simple footer section to website

Create page for Trends

Create Page for Google Trends

• Create a page where you have to give heading as google trends

• in this page, we will just fetch 10 keywords

• use your creativity to make the page look having so less content

Create a contact US

Create a contact us page

-> create a page that take name , email and Message from user