Skip to content

Commit

Permalink
Merge pull request #11 from sukhdev-bajiya/newUpdate
Browse files Browse the repository at this point in the history
New update
  • Loading branch information
sukhdev-bajiya authored Nov 7, 2022
2 parents f12c47e + 62c1d0d commit d49f50f
Show file tree
Hide file tree
Showing 12 changed files with 17,051 additions and 126 deletions.
166 changes: 83 additions & 83 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,83 +1,83 @@
### 💻 In this file, we'll show you how easy it is to search in Gomasai. We made our own search engine inspired by Shashank Shekhar 🍎

### 💻 _Let's see our search 🔍 engine GoMasai_

## 🏠 Landing Page

- Type the text in the search box to see the results.
- Click on Gmail to open your mailbox 📧.

![image](https://user-images.githubusercontent.com/106476212/185294277-f3ac68b7-07b9-471f-a2aa-80127f32f44e.png)

## 📋 Result page

- Once you press Enter, the results of the text you have entered in the search bar will be displayed.

![image](https://user-images.githubusercontent.com/106476212/187071386-5fe0b105-b596-4de3-bb9d-86c13f8575b8.png)

## 📰 News page

- In the news section you can read the latest news related to India.
- On the left sidebar you can filter out the news as per your desires.
- The best way to stay updated with both the local and global news

![image](https://user-images.githubusercontent.com/106476212/185295037-a8ddef6a-0957-4c8c-8760-24a8f9df846b.png)

## 🖼️ Images page

- You can search and view images.

![image](https://user-images.githubusercontent.com/106476212/185295840-71ee8b19-62ba-4809-afa5-342f639bbdd9.png)

## 🗺️ 📍 Map page

![image](https://user-images.githubusercontent.com/106476212/185295350-6cada6cc-f055-4c62-8a55-becd5db709f2.png)

## ⏯️ Video page

![image](https://user-images.githubusercontent.com/106476212/185295441-eb7e8227-6bc6-4952-bc76-dc57af954752.png)

## 🈂️ Translate page

- In the translate section you can translate one language to another.
- You can click on the mic 🎤 to translate via speech.
- You can click on the speaker 🔉 icon to listen to the entered text.
- No communication barrier ever.

![image](https://user-images.githubusercontent.com/106476212/185295688-e5b8997a-14d9-4b5a-8d8f-865dc8dafd44.png)

## Team Members

> ### [Sukhdev Bajiya](https://github.com/sukhdev-bajiya)
>
> ### [Akash Surve](https://github.com/Akash2377)
>
> ### [Ayush Kumar](https://github.com/ayush-kr05)
## Technology Used

> • HTML
> • CSS
> • JAVASCRIPT
> • DOM
> • Local Storage
> • JSON Server
## Tools

> • VS Code
> • Github
> • Postman
> • Netlify
> • Firebase
> • Heroku
## Project link

> ### [GoMasai Netlify](https://gomasai.netlify.app/)
>
> ### [GoMasai Firebase](https://gomasai.web.app/)
## Blog link

> ### [GoMasai](https://gomasai.hashnode.dev/gomasai-1)
### 💻 In this file, we'll show you how easy it is to search in Gomasai. We made our own search engine inspired by Shashank Shekhar 🍎

### 💻 _Let's see our search 🔍 engine GoMasai_

## 🏠 Landing Page

- Type the text in the search box to see the results.
- Click on Gmail to open your mailbox 📧.

![image](https://user-images.githubusercontent.com/106476212/200244476-d38c152a-dfe3-4532-b8f8-25b0dedf3bc3.png)

## 📋 Result page

- Once you press Enter, the results of the text you have entered in the search bar will be displayed.

![image](https://user-images.githubusercontent.com/106476212/200244646-c4c26c3d-6f0c-4ea8-bada-16ee1c0102d6.png)

## 📰 News page

- In the news section you can read the latest news related to India.
- On the left sidebar you can filter out the news as per your desires.
- The best way to stay updated with both the local and global news

![image](https://user-images.githubusercontent.com/106476212/185295037-a8ddef6a-0957-4c8c-8760-24a8f9df846b.png)

## 🖼️ Images page

- You can search and view images.

![image](https://user-images.githubusercontent.com/106476212/185295840-71ee8b19-62ba-4809-afa5-342f639bbdd9.png)

## 🗺️ 📍 Map page

![image](https://user-images.githubusercontent.com/106476212/185295350-6cada6cc-f055-4c62-8a55-becd5db709f2.png)

## ⏯️ Video page

![image](https://user-images.githubusercontent.com/106476212/185295441-eb7e8227-6bc6-4952-bc76-dc57af954752.png)

## 🈂️ Translate page

- In the translate section you can translate one language to another.
- You can click on the mic 🎤 to translate via speech.
- You can click on the speaker 🔉 icon to listen to the entered text.
- No communication barrier ever.

![image](https://user-images.githubusercontent.com/106476212/200244834-97c82a7e-1703-44d1-8209-9a91124a6aca.png)

## Team Members

### [Sukhdev Bajiya](https://github.com/sukhdev-bajiya)

### [Akash Surve](https://github.com/Akash2377)

### [Ayush Kumar](https://github.com/ayush-kr05)

## Technology Used

• React <br/>
• CSS <br/>
• Redux <br/>
• DOM <br/>
• Local Storage <br/>
• JSON Server <br/>

## Tools

• VS Code <br/>
• Github <br/>
• Postman <br/>
• Netlify <br/>
• Firebase <br/>
• Heroku <br/>

## Project link

> ### [GoMasai Netlify](https://gomasai.netlify.app/)
>
> ### [GoMasai Firebase](https://gomasai.web.app/)
## Blog link

> ### [GoMasai](https://gomasai.hashnode.dev/gomasai-1)
8 changes: 7 additions & 1 deletion firebase.json
Original file line number Diff line number Diff line change
@@ -1,10 +1,16 @@
{
"hosting": {
"public": "public",
"public": "build",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
6 changes: 6 additions & 0 deletions src/Pages/Account/Account.css
Original file line number Diff line number Diff line change
Expand Up @@ -52,4 +52,10 @@

.account__accountProfileInfo p:nth-child(3) {
color: gray;
}

@media only screen and (min-width: 120px) and (max-width: 1000px) {
.account__page {
flex-direction: column;
}
}
111 changes: 111 additions & 0 deletions src/Pages/Books/Books.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,114 @@
.books__page {
padding: 5px 5%;
}

.books__booksListPart {
display: grid;
gap: 15px;
grid-template-columns: repeat(4, 1fr);
}

.books__bookItem {
width: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid lightgray;
border-radius: 10px;
}

.books__bookItemImage {
overflow: hidden;
height: 300px;
cursor: pointer;
}

.books__bookItemImage img {
width: 100%;
transition: all 0.5s ease-in-out;
}

.books__bookItemImage img:hover {
transform: scale(1.1);
}

.books__bookItemInfo {
padding: 10px 0;
}

.books__bookItemInfo p {
text-align: center;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.3px;

}

.books__bookPagination {
display: flex;
justify-content: center;
align-items: center;
margin: 15px 0;
}

.books__bookPagination span {
color: rgb(0, 0, 0);
padding: 8px 25px;
text-align: center;
font-size: 16px;
border-top: 1px solid rgb(0, 0, 0);
border-bottom: 1px solid rgb(0, 0, 0);
letter-spacing: 0.5px;
transition: all 0.5s ease-in-out;
}

.books__bookPagination button {
background-color: #a8c4f8;
border: none;
color: rgb(0, 0, 0);
padding: 0px 25px;
text-align: center;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
font-size: 36px;
cursor: pointer;
letter-spacing: 0.5px;
transition: all 0.5s ease-in-out;
}

.books__bookPagination button:disabled {
background-color: lightgray;
}

.books__bookPagination button:disabled:hover {
background-color: lightgray;
color: black;
}

.books__bookPagination button:hover {
background-color: #0058fc;
color: rgb(255, 255, 255);
}



@media only screen and (max-width: 450px) {
.books__booksListPart {
grid-template-columns: 1fr;
}
}

@media only screen and (min-width: 451px) and (max-width: 800px) {
.books__booksListPart {
grid-template-columns: repeat(2, 1fr);
}
}

@media only screen and (min-width: 801px) and (max-width: 1100px) {
.books__booksListPart {
grid-template-columns: repeat(3, 1fr);
}
}
31 changes: 30 additions & 1 deletion src/Pages/Books/Books.jsx
Original file line number Diff line number Diff line change
@@ -1,13 +1,42 @@
import React from 'react'
import './Books.css'
import activePage from '../../compenent/ActivePage/ActivePage'
import BooksList from './BooksList.js'


function Books() {
const [booksListData, setBooksListData] = React.useState([])
const [pageNumber, setpageNumber] = React.useState(0)

React.useEffect(() => {
activePage("books__page")
setBooksListData(BooksList())
}, []);



return (
<div className='books__page'>Books</div>
<div className='books__page'>
<div className="books__booksListPart">
{booksListData.map((data, index) => {
return <div key={index} className='books__bookItem'>
<div className='books__bookItemImage'>
<img src={data.product_img_url} alt="" />
</div>
{/* <div className='books__bookItemInfo'>
<p>{data.product_name}</p>
</div> */}
</div>
})}
</div>
<div className='books__bookPagination'>
{/* PREVIOUS PAGE */}
<button disabled={pageNumber <= 0 ? true : false} onClick={() => setpageNumber(pageNumber - 1)}> &#8612;</button>
<span>{pageNumber + 1}</span>
{/* NEXT PAGE */}
<button disabled={Math.floor(booksListData / 60) < pageNumber ? true : false} onClick={() => setpageNumber(pageNumber + 1)}> &#8614;</button>
</div>
</div>
)
}

Expand Down
Loading

0 comments on commit d49f50f

Please sign in to comment.