Code Monkey home page Code Monkey logo

birdsofprey-project's Introduction

Birds of Prey Website Project

This is a personal project repository for a website dedicated to birds of prey. This project is currently under development and is being built as a side project alongside my studies. Here you'll find all the details about the project's progress, technologies used, and future plans.

Project Overview

This website aims to be a comprehensive resource for information about birds of prey. It will feature blog articles, detailed bird portraits, and a listing of upcoming events related to birds of prey in Germany. Users will be able to search for events based on their location.

Prototype

Features

  • Blog Articles: Informative and engaging articles about various topics related to birds of prey.
  • Bird Portraits: Detailed profiles of different birds of prey, including descriptions, habitats, and behaviors.

Upcoming Features

  • Event Listings: A searchable database of upcoming events related to birds of prey in Germany.
  • Search Functionality: Allowing users to find events based on their location.
  • Custom API and Database: A bespoke API providing data specifically about birds of prey.

Tech Stack

  • Frontend: React, CSS
  • Backend: Express, Mongoose (upcoming)
  • Database: MongoDB Atlas (upcoming)
  • Build Tool: Vite
  • Hosting: Netlify
  • Design: Figma (for wireframes and prototypes)
  • Fonts: Google Fonts

Design Process

I am using Figma to design the wireframes and prototypes of the website. This helps in visualizing the layout and user experience before diving into development. => Figma Layout

Development Status

This project is a work in progress.

Merged Changes are automatically deployed via Netlify, making this project a very simple CI/CD approach and to ensure that the work-in-progess application is in a stable and up-to-date state.

Some of the future additions include:

  • Building an API: backendproject-birdsofprey
  • User accounts and profiles
  • Interactive maps for event locations
  • Enhanced search and filter options for bird portraits and articles
  • Integration with external bird-watching databases and resources

Contact

I appreciate any feedback or suggestions you may have. Feel free to contact me via PN, if you have any ideas or encounter any problems.

birdsofprey-project's People

Contributors

nadjascodejourney avatar

Watchers

 avatar

birdsofprey-project's Issues

Filestructure_Revision of the file structure and better component splitting

Initially, only a styled component was created for the home component in order to write the css styles for the homepage there. However, as the process progressed, it became clear that the elements needed to be better and more clearly divided. For this reason, separate components are to be created for the individual building blocks of the homepage and corresponding styled components written.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.