Skip to content

Blocks details as per the selected date #196

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
gunjitNEU wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Blocks details as per the selected date #196

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions contributors/gunjit-arora.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
## Name: gunjitNEU Username: Gunjit Arora

## Contributions:

1. Developed a user-friendly Bitcoin Explorer Date Picker page using React and React-Bootstrap, enabling users to select a specific date to view block details.
2. Utilized GraphQL queries to fetch blockchain data based on the selected date, displaying relevant block information such as timestamp, block size, and transaction count.
3. Implemented pagination functionality to navigate through multiple blocks and efficiently manage large datasets.
4. Designed an intuitive interface with React-Bootstrap components for seamless user interaction and visual appeal.
5. Ensured responsive design and cross-browser compatibility to provide a consistent experience across different devices and browsers.
6. Conducted thorough testing and debugging to ensure the page's reliability and performance, delivering a robust solution for exploring Bitcoin block data.

Overall, the Date Picker page enhances the Bitcoin Explorer project by allowing users to explore and analyze block details based on their preferred date, offering a valuable tool for blockchain enthusiasts and researchers.
157 changes: 146 additions & 11 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 2 additions & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@
"highcharts-react-official": "^3.2.1",
"next": "14.1.0",
"react": "^18",
"react-bootstrap": "^2.10.2",
"react-chartjs-2": "^5.2.0",
"react-datepicker": "^6.4.0",
"react-dom": "^18",
Expand All @@ -39,7 +40,7 @@
"apexcharts": "^3.30.0",
"autoprefixer": "^10.4.18",
"axios": "^1.6.7",
"bootstrap": "5.3.3",
"bootstrap": "^5.3.3",
"dotenv": "^16.4.5",
"graphql": "^16.8.1",
"graphql-request": "^6.1.0",
Expand Down
6 changes: 5 additions & 1 deletion src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,7 @@ import Ethereum from "@/components/Ethereum/Ethereum";
import Statistics from './components/best-fee/Statistics.tsx'
import LineChart from './components/best-fee/LineChart'
import Bitcoinassetdata from "./bitcoinassetdata";
import BlocksPage from "@/components/BlocksPage";

async function getBitcoin(): Promise<BitcoinQuery> {
return await graphqlClient.request(BitcoinDocument, {});
Expand Down Expand Up @@ -201,7 +202,10 @@ export default async function Home() {
<div>
<Bitcoinassetdata />
</div>


<div>
<BlocksPage/>
</div>
</main>
);
}
Loading