SharkFolio is a portfolio website for sharks😉

Related tags

Learning resource react javascript open-source opensource tailwindcss
Overview

Sharkfolio - A portfolio of sharks

This is a project we made a portfolio for sharks with a short Quiz game some fun facts related to sharks.

Note

It was initially created for Hackathon - Shark Hacks 4
By - Rakesh Sangem, Sumit Kumar Soni, Jaynarayan Vaishnav

homepage

Demo

Tech stack

ReactJS TailwindCSS Vite Yarn

Prerequisites

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

  • Git
  • NodeJs
  • Yarn (Yarn can be installed via npm - npm install --global yarn)

Installation guide

  1. Fork the Project
  2. Clone your Forked version of Project
git clone https://github.com/<your-github-username>/Sharkfolio.git
  1. Go into the project directory
cd Sharkfolio
  1. Install dependencies
yarn install
  1. Start development server
yarn dev
  1. 🕺 🕺

Thanks to the Contributors 🥳

Comments
  • Edit the Website and Edit the format of the code...

    Edit the Website and Edit the format of the code...

    The changes that I've bright -->

    1. Change the format of Code:

    - export default function Home() {}
+ const Home = ()  => {}
+ export default Home

    2. Added 3 components:

    • FunFacts1.component.jsx
    • FunFacts2.component.jsx
    • SharkInfo.component.jsx

    Before image After image

    opened by AliReza1083 4
  • [DOCS] improve documentation of Sharkfolio

    [DOCS] improve documentation of Sharkfolio

    The current documentation is not user friendly.

    It does not provide enough information about the project.

    We need to make sure that our users have the information they need in order to use our project correctly.

    • Improve the flow of documentation
    • Add license, contributing etc. info.
    documentation good first issue hacktoberfest hacktoberfest2022 
    opened by RakeshSangem 2
  • Animation

    Animation

    **Is your feature request related to a problem No

    Describe the solution you'd like I want to add some animation when the page is refreshed.

    Additional context I'm going to use GSAP library for this issue.

    enhancement frontend feature 
    opened by AliReza1083 2
  • feat: setup lint-staged

    feat: setup lint-staged

    Fixes Issue

    closes #43

    Changes made

    • Integrated husky with help of lint-staged
    • Enabled auto formatting before every commit
    • Eslint auto fixes issues related to JavaScript (js, jsx)
    opened by RakeshSangem 1
  • [FEATURE] Setup husky with lint-staged for clean code and auto-fixing issues

    [FEATURE] Setup husky with lint-staged for clean code and auto-fixing issues

    Is your feature request related to a problem

    • Code formatting is not consistent

    Describe the solution you'd like

    • Setup Lint-staged for auto linting and prettifying the code before every commit so that Codebase remains clean.
    enhancement feature hacktoberfest hacktoberfest2022 
    opened by zelfroster 1
Owner
Rakesh Sangem
Front-end Developer • Open Source • Tech Community💙
Rakesh Sangem
GitHub https://sharkfolio.vercel.app
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
portfolio-project is a npm package to automatically update your projects section in your portfolio website. It will fetch the selected repositories directly from your GitHub account.

portfolio-project Those days of manually updating portfolio website after every new project made are gone âš¡ Yesss . . . you read that right. ?? portfo

Gaurav Gulati 15 Aug 3, 2021
My-portfolio - 🪶 My portfolio built with Remix, ChakraUI...

Welcome to Remix! Remix Docs Deployment After having run the create-remix command and selected "Vercel" as a deployment target, you only need to impor

jotyy 5 Oct 31, 2022
This is my portfolio GitHub clone website. The frontend is build using NextJS and TailwindCSS.

Github Clone Portfolio Website Tech Stack used: NextJS Tailwind CSS The contact form in this website is connected to Notion. If you want to integrate

Unnati Bamania 22 Oct 5, 2022
Website to present projects made by me and that are part of my personal portfolio. It was made using React, HTML y Scss (CSS).

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Portfolio Jesús Leal 0 Dec 23, 2021
Youtube Tutorial Project for creating a developer portfolio website.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev

codingwithdidem 14 Nov 29, 2022
Responsive Portfolio Website Using Html, Css and JavaScript, With a beautiful user interface

Responsive Portfolio Website Alexa Watch it on youtube Responsive Portfolio Website Alexa Responsive Portfolio Website Using Html, Css and JavaScript,

Alex Axel Mucyo 1 Mar 11, 2022
This is personal portfolio website that features the projects I have been working on, all the contact information is provided as well.

Personal-Portfolio This is personal portfolio website. Built With React CSS VS code Live Demo Live Demo Getting Started Prerequisites: Create an accou

Meri Gogichashvili 30 Jan 6, 2023
A highly customizable platform ready to be a portfolio website, and become a lot more with some of your own components

Vextra Elegant and animated portfolio website. Demo: vextra.vercel.app Vextra is a portfolio template, packed with animations with a satisfying flow t

null 3 Sep 19, 2022
Portfolio Yandri Syanurdi

Responsive Portfolio Website Yandri Syanurdi Responsive Portfolio Website by Yandri Syanurdi A clean and nice web portfolio for designer or developer.

Yandri Syanurdi 3 May 30, 2021
A Portfolio with Animations in JavaScript

A Portfolio with Animations in JavaScript In this video I show you how to build a Portfolio with Animations and deploy it! To get 10% off on Hostinger

Ania Kubow 48 Nov 23, 2022
2021 Portfolio, built with Next.js

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Muhammad Azmi 1 Oct 9, 2022
Portfolio page using React.js to render dynamic HTML

Meta-Portfolio Portfolio page using React.js to render dynamic HTML Version 1.0 Note You are important. Installation Instructions No installation nece

Andrew Tran 0 May 17, 2022
Personal developer portfolio written with NextJS and Tailwind CSS.

Developer Portfolio This is a Next.js, Tailwind CSS blogging starter template. Probably the most feature rich nextjs markdown blogging template out th

Max Geller 1 Dec 20, 2021
Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.

Gatsby Starter Portfolio: Cara Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Using the Gatsby Theme @lekoarts/gat

prashanth s 1 Dec 24, 2021
My-portfolio - Built with Namecheap, Digital Ocean, Nginx, PM2, SSL, NextJs, Tailwind 3, Graphql, NexusJS, Prisma, Postgres, Passion and Love

Current Implementation technologies Nextjs with Typescript. Static pages/ Server side rendering. Easy peasy state management (Might not need it with i

Samrood Ali 1 Jan 10, 2022
Minimalistic portfolio/photography site with masonry grid, page transitions and big images.

Gatsby Starter Portfolio: Emilia Minimalistic portfolio/photography site with masonry grid, page transitions and big images. Themeable with Theme UI.

Cryptob3auty 1 May 20, 2022
A minimal norui portfolio example built with NextJS and powered by Notion 🚀.

Minimal Norui A minimal norui portfolio example built with NextJS and powered by Notion ?? . Links Demo Site Documentation Minimal Norui Notion Databa

Joeylene Rivera 4 Nov 13, 2022